> -----Original Message-----
> From: Peter Bowyer [EMAIL-REMOVED]]
> I'm hoping that some member of this list will be able to shed
> light on the problem that IE6 is causing on my site
> the main content goes under the right hand navigation menu.
> Do you know how this can be fixed?
It looks like it's being caused by the width: 100% on #content. That is
forcing #content to be wider than it should be. IE6 seems to take that 100%
width (the width of #wrapper), and adds the 60px padding to it to get the
total width. That makes #wrapper 60px wider, which is enough to push the
content under the nav bar. It also creates a horizontal scroll bar, because
the too-wide #wrapper still has a margin-right of 170px. Removing width:
100% fixes all that; was it there to solve a bug somewhere else?
Which browser is right here? IE, which first calculates the 100% width of
its parent, and then adds the left and right padding? Or Mozilla, which
apparently assumes the padding is included in the 100%, and shrinks the
content box accordingly?