I think this may be a common issue, but I can’t put my finger on it.
As you can see in this CodePen, I have two “section” elements which are floated left, and an “aside” element that is floated right. For some reason, the “aside” element is getting “pushed” down, and isn’t staying at the top of the page.
Thank you. I think I understand now, didn’t realize that elements that are floated so that they are vertically aligned contribute to overall width. A bit counter intuitive… I fixed with with some markup.
As far as mixing % and pixels, I think I’ve seen a variety of opinions on the matter…