[RESOLVED] CSS overflow issue in crummy IE6

[bldstr]

Here is the URL (http://www.buildstore.co.uk/findingland_new/index_css.html)

Here's a screen shot as I realise most of you will have IE7 (http://www.buildstore.co.uk/findingland_new/ie6screeny.gif)

Looks fine in Firefox and Opera, of course, and also looks fine on my IE7 test machine. The issue appears to only happen with IE6, which our entire company happen to be running.

With the items on the right, both the container for all 3 boxes and each box itself has overflow:none set and the background of the box that is overlapping is set to repeat only vertically, yet IE6 still challenges it. The left nav bar also has a little glitch in the bottom corner.

Can anyone advise? :confused:

[Fang]

<!--[if lt IE 7]>
<style type="text/css" media="screen">
#rightcontent {margin-left:-3px;}
</style>
<![endif]-->

http://www.positioniseverything.net/explorer/dup-characters.html

[Fang]

As for the left nav glitch, make the transparent part of navbottom.gif the same color as the background.
A CSS solution is also possible, but requires re-doing the html and css.

[bldstr]

Thanks, Fang! Worked a treat!