Topic: IE 5 & 6 Problem (Page 1 of 1)

I'm having a problem in IE 5 & 6 with very basic stuff. This proposal, http://uccs.thesecretlabs.com/ looks just fine in FF, Opera and Safari, but IE leaves a 3px gap to the right of the header graphic in two of the three divs next to it.

It's a very simple CSS layout:

#canvas is the overall container,
#sidenav is a floated-left logo and navigation column,
to the right we have
#headspace lets the background through in the upper part of the header,
#header, the red part with the name, addy, etc,
#content, and
#footer

Only #headspace and #header will not butt up against logo graphic in #sidenav. Strangely, #content *does* (the two lines of graphic text are part of the logo graphic.)

I've tried everything, but no joy.

Any thoughts?

Quick fix:

#canvas { position: relative; } #sidenav { position: absolute; }

http://www.positioniseverything.net/explorer/threepxtest.html

(Edited by reisio on 09-18-2005 21:02)

Hey! Why didn't I Google on that? <slaps forehead>

Thanks a lot reisio!