I’m working on a site — [url]www.graciebarraescondido.com[/url] — and it has tested fine in Safari, Firefox, and IE7. However, when viewed in IE6, the sidebar navigation gets pushed down to the bottom of the content!
Can somebody please help me figure this out? I’d be eternally grateful.
@CentauriApr 02.2008 — #First off, you have two divs with the same id of #content - an id can only be used once.
As the div surrounding the main content (wth the class of floatleft and width73) is floated, the containing divs #content (the second one) and #container will collapse to zero height, and as they are 100% width, actually appear just under the menu before everything else. As IE6 will not allow an elements contents to spill outside, it is expanding #content and #container to surround the .floatleft div - as these dvs are 100% width, the side div must be pushed down.