Aaron Pollock wrote: > The following is a work in progress but I have a problem… > HYPERLINK http://newsite.websitedirection.com/ > http://newsite.websitedirection.com/ > > The green border going across the bottom of the header div is not touching > the right hand side of the wrapper div and I can't work out why. Margins and > padding are set to zero.
This is a weird one alright. IE seems to be duplicating part of the right margin on the right floated #mainnav, but the duping occurs OUTSIDE the header, apparently triggered by the left floated #logo and right floated #mainnav being in contact with insufficient room for both. Normally this would cause a float drop, but the right margin on that right float seems to change things. The effect depends on some critical spacing, so if you narrow #mainnav a little it will go away. The really interesting thing is that IE is actually enlarging the entire wrapper to accomodate this duplicated margin! Try making that right margin 100px, and then play around with the width on #mainnav. The wrapper appears to widen in both directions, but I think the dupe is all on the right. The wrapper just gets centered after the new width is added to the wrapper, so it appears to widen in both directions. The gap is simply newly created wrapper width, which just happens to show to the right of the header block. No wonder you couldn't get rid of it! As you widen #mainnav, more and more of the right margin gets duplicated outside the header proper. Once the inner margin is fully duped, any further widening of #mainnav will cause a float drop, killing the duplication effect. BTW, if #header is given "layout", by defining a dimension or applying "zoom: 1;", then the duplication stays inside #header, but the widening still happens. Oh well. ;) Again I am suprised by IE. It truly is a bottomless pit of bugs. Big John ===== -- Perennial student + Impractical joker + CSS junkie = Big John <http://www.positioniseverything.net> __________________________________ Do you Yahoo!? Meet the all-new My Yahoo! - Try it today! http://my.yahoo.com ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************