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 http://www.dynamicdrive.com/forums/images/buttons/edit.gif 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!