I am having an issue with my floated navigation box dropping below the logo in my header. I want the logo and navigation to be inline with one another.
Currently the logo and navigation are both float: left
Any help would be appreciated! Thanks!
Try setting a width on both the logo and the navigation to explicitly tell IE how wide they should be. Ensure the container is wide enough to accomodate them (and explicitly set the width of this too if needed)
Or try setting them to
display:inline-block (although this may be an IE6 fix...)
Try doing a display:inline on your h1 tag that has the logo in it.
Also, you have a table in the div that doesn't display, but it has information in it.
I know you want to use floats, I would recommend using position:relative on the navigation while declaring the dimensions of the logo. You can position the navigation precisely where you want it that way.