CSS site: IE6 unwanted width stretching

[JackAndrews]

http://andrewsontheweb.com/newcia

IE6 appears to be stretching the width of a vertically tiled bg image. The url shows a dark blue bg with a 3px border on the left/right, which is the tile.

The tiled image is 811px wide. The div is 817px wide with a 3px border left/right.

There should be about 60px of transparent area left and right of the background tile, between it and the outside left and right borders.

Is there an IE6 conditional statement I can use perhaps?

It displays correctly in IE7, Firefox 3, Safari and FF 3 Mac

I found several posts about wanting to stretch something in IE6, but none who want to stop it.

Jack

[KDLA]

The issue is really one having to do with floats/margin/padding, rather than the background. The space between the nav. panel and the content is doubled in IE6.

Also, this can be quirky:

body {min-width: 817px;}

[JackAndrews]

Made some adjustments you suggested but couldn't find a solution that way. Did delete the min-width.

I added a 1px left right border to the outer edges of the transparent tile and it pulled it in. Not centered but better than before. It is now off center to the left. I just don't see how that crazy browser can display a perfectly centered graphic that is the width of the div and place it off center.