I am building a generic two column page layout using css instead of tables to position elements.
I feel confident with the results so far except for the manner in which I have positioned the elements in the masthead (Placeholders for a logo and 6 main navigation buttons). They are all contained within in a #masthead div and each element is an image contained within its own div with width and height attributes specified in the style sheet. I have positioned them next to each other only by applying a float: left; style class. Since there is nothing "locking" those elements into position, I feel like it may not be a sturdy solution. It's testing okay in every browser except IE 5 on the Mac. Is there a more simple or elegant solution? I tried using absolute positioning and it was a disaster. Any feedback or suggestions would be greatly appreciated.