Hey gang, I'm new at this, so be gentle.

I'm starting a site http://www.nathanforhire.com/. It's actually created in posterous (it's an elaborated blog theme) but that's all going quite fine.

In Firefox, my two divs fight for space and the div on the right ("Nav" right now it's just my name graphic) makes the one on the left drop down when the window is reduced. The container should have a minimum width that prevents this from happening. It works great in Chrome. In FF, the content drops down.

Any ideas why that might happen? Thanks.

Nathan

Oh, and the code, just in case:

Html: http://dl.dropbox.com/u/567155/HireNathan/Nathanforhire_4.24.10.html
CSS: http://dl.dropbox.com/u/567155/HireNathan/NathanforHire.css

Thanks for the reply Oscar!

That actually brings up a problem I ran into before. So check it out now: http://www.nathanforhire.com/

If I float both elements, they A.) pop out of their container and, B.) the Leftcontent div drops down when the window is reduced (in either browser).

The effect I love is that the elements are actually on opposite sides until you reduce the window. I like that negative space, if there's room for it. If not, then they nest together and everything's kosher. If I absolutely position the elements it would look ok until you reduce, and then there's the possibility of them overlapping each other, right?

If I were to float: left BOTH elements, I wouldn't get my negative space I like. Is there a better way to acheive this? It's just weird that I thought I'd found the solution and then learned that it doesn't work in FF.

Sweet! I absolutely positioned the Leftcontent element, and that certainly did the trick. It's not going anywhere now. I had to do the weird <div style clear:both> thing at the end, but that got both items back in the container. Huzzah! Thanks so much.