Background-repeat not working in IE6

[sankari]

Hi,

I am not able to get background-repeat work in IE6. Given below is the CSS class

.flyoutBody .leftBorder {
	background-color: #ffffff;
    background: url(../../images/Module_LeftSide.gif) top left repeat-y;
    border-width: 0px;
    min-height:50px;
    position:absolute;
    overflow:hidden;
    height:100%;
    width: 1px;
}

Any help is appreciated.

[Snookerman]

That is because height:100% won't work in IE6. Try adding this piece of code to the head section of your page:

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<![endif]-->

That should fix many css problems that IE has.

Good luck!

[sankari]

Thanks for the reply.

it did not work. It works fine if i give a fixed height to the page. But i need to get it work for dynamic height based on the content.

[Snookerman]

Please post a link to the page on your site that contains the problematic script or attach your code so we can check it out and help you.

[sankari]

I fixed it by explicitly setting the height for the style after the page loaded. Thanks for pointing me to the height attribute.

[Snookerman]

You're welcome, glad to help! Strange that it didn't work with the conditional comment for you, I just tested it and it worked fine for me.

Anywho, if you're happy with the solution, you can go to your first post in this thread, click then click Go Advanced and add the Resolved prefix to the thread title. This will let other users know the problem has been solved.

Good luck with your site!