I have some divs that I'm trying to arrange into a layout. and they aren't behaving very well with content in them.
I think I've figured it out.
and the html right before the nav
Is that a design view of Microsoft's Expression? Always preview your sites in a browser (preferably Firefox, and see if it's any different. Don't trust any design views, especially MS. I use Adobe's Dreamweaver, but never trust the design view.
If there are still problems, please post up some code so we can help you out a bit better. Without being able to see your HTML markup, it's a bit difficult to give you help :)
But from looking at your CSS, I wonder why you're using
display: inline; on your .
grid1, .grid2,.grid3, grid4, .grid5, This will turn them into elements that won't act lke normal divs but like spans. Inline elements are usually used for text formatting or similar.
Hope some of this helps, also try to post up the HTML for us to see :)
You're gonna have to explain the purpose of this page, because I'm playing with your code a bit and I can't figure out what it is you're trying to do. Looks like perhaps you're not really clear on how to make use of float behavior.
You named all your divs as gridX, which to me suggests that you might be trying to create tabular data, in which case you would simply use a table.
But, I need more information as to what the final result is that you're aiming for.