Hi djamell,

I'll look into it for the next release. In the meantime, I'd recommend that you use jQuery to detect whether or not to use backstretch. Something like this:

if (!$.browser.msie && !$.browser.version=="6.0") {
 $.backstretch(...)
}

Instead of that, might as well just use an IE 6 stylesheet:

And then serve up that div ala #backstretch with some IE 6 specifics, such as {display: none;}

I tried both techniques without success. But I'm not sure if I did it the correct way. Here is what I have now:

HTML (Had to replace "<>" with "{}" to get it to display in this comment

{--[if lte IE 6]}
{link rel="stylesheet" type="text/css" href="ie6.css" /}
{![endif]--}

{div id="hideie6"}
{script type="text/javascript" src="/resources/shared/scripts/jquery/jquery.min.js"}{/script}
{script type="text/javascript" src="jquery.backstretch.js"}{/script}
{script type="text/javascript"}
if (!$.browser.msie && !$.browser.version=="6.0") {
$.backstretch("/images/bg.jpg", {speed: 1000})
}{/script}
{/div}

CSS (ie6.css)

/------ CSS Document for IE6 and Below -----/

#hideie6 {display: none;}

Please tell me what I'm doing wrong.

You've got your conditional comments right, in the file ie6.css put:
#backstretch {display: none;}

Backstretch creates a div it puts on the page with that ID, so target that and it'll go away:). Doing that will remove your need for any other javascript that targets IE, the CSS will do it for you.

Here's an example of a site I did a few weeks back:
http://belvedereplace.com/

It uses conditional comments for the CSS, like you, and links to:
http://belvedereplace.com/style_ie6.css

Which I've hidden the backstretch div on the first line.

Ohhhhhh! I get it. Works like a champ. Thank you so much!

You're welcome!