shuizhongyueming / ie7-js Goto Github PK

Can we have a way to exclude stylesheets from ie7's scope?

What steps will reproduce the problem?
1. Open the index.html file in the zip file given.
2. Click on the JavaScript error icon at the bottom left of the window.
3. It shows this:

   Line: 3
   Char: 18508
   Error: Object Required


What is the expected output? What do you see instead?

I didn't expect an error.

What version of the product are you using? On what operating system?

Beta 2 and Beta 3 on Mac OS X 10.5 running VMWare Fusion 1.1.1 with 
Microsoft Windows XP SP2 installed in a virtual machine (who knows it 
might just be releated to the virtual machine *shrug*). 

Please provide any additional information below.

The error didn't appear in Beta 1 in my tests.

What is the expected output? What do you see instead?

i want the div background be half transperant when using :hover (mouse over)
its hilights just the links in the div

What version of the product are you using? On what operating system?
ie8

Please provide any additional information below.

 the code i used is:


.HomeLeftCenterPatInner     { width:228px; padding:0px 4px 0px 5px;
height:96px; margin:0 auto; overflow:hidden; background-color:#000000;}

.HomeLeftCenterPatInner :hover  { width:228px; padding:0px 4px 0px 5px;
height:96px; margin:0 auto; overflow:hidden; background-color:#000000;
filter:alpha(opacity=75); -moz-opacity:0.75; opacity: 0.75;}

Please try the attached script on IE6. It is a blank page that just
includes IE7 and the Really Simple History library
(http://reallysimplehistory.googlecode.com/)

Any time I click (anywhere), I get an error: '0' is null or not an object
(line 1339)

UserAgent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; InfoPath.1;
.NET CLR 2.0.50727; .NET CLR 3.0.04506.648; .NET CLR 3.5.21022)

I am not sure whose code needs to be revised (IE7 or RSH), but would really
appreciate if you could take a look. Thanks!

What steps will reproduce the problem?
1. markup a menu using HTML
2. style using CSS that relies on the "content" property
3. link to stylesheet as usual

What is the expected output? What do you see instead?
menu shoul be styled to include the "content" property 
this works if you drop the styles in the page directly, but fails for 
linked and imported stylesheets


What version of the product are you using? On what operating system?
beta 2.0 + IE7

Please provide any additional information below.
i attached an small example

What steps will reproduce the problem?
1.http://<ip>:<port>/app(if http://<ip>:<port>/App not getting redirected 
as configured ,but same thing works in IE6 or any other browser)
2.
3.

What is the expected output? What do you see instead?
It should redirect to the actual page.Giving 404 error instead.

What version of the product are you using? On what operating system?
IE7/Vista

Please provide any additional information below.

What steps will reproduce the problem?
div#background_image {
  background: transparent url(/images/bg-trans.png) no-repeat 10px 10px;
}

What is the expected output? What do you see instead?
Expected output:
Background image position on 10, 10
Current output:
Background image position on 0, 0

What version of the product are you using? On what operating system?
Windows XP (SP2), IE6.0

What steps will reproduce the problem?
1. open attached example html file
2. compare with other browsers

expected:
IE shows the same as FF and Opera

I was pleased to find IE8.js allowing my webapp to run on IE 5.5 through 
7.
It would be nice if it worked in IE 5.01 as well, but it seems to not do 
ANY improvements there.

http://kids.moo.mud.org/=241/

This site: http://www.w3.org/Style/Examples/007/target
suggests using something like:

.tab:not(:target) {display:none}

rather than:

.tab {display:none}

In a tab-like system, so that browsers that don't support :target
still show all of the content, rather than hiding everything and
making the page totally inaccessible. This is a nice enough fall back.
However, it doesn't work with the IE8 script, and gives a JavaScript
error.
(But simply using .tab {display:none} works nicely)

Testcase: http://stifu.free.fr/dl/temp/ie-target.html 

What steps will reproduce the problem?
1.
2.
3.

What is the expected output? What do you see instead?


What version of the product are you using? On what operating system?


Please provide any additional information below.

What steps will reproduce the problem?
1. apply with on body (or min-width/max-width)


What is the expected output? What do you see instead?

IE7 and FF etc apply the width properly

What version of the product are you using? On what operating system?

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

IE6 on XP SP2, fully patched

Please provide any additional information below.

What steps will reproduce the problem?
1. Just change an element's inner html or create an img element via dom and
give a "*-trans.png" filename to its src.

What is the expected output? What do you see instead?
I expect a transparent image but I see a background color instead of
transparency.

What version of the product are you using? On what operating system?
IE8.js, Beta 3, OS: Windows XP, IE 6

What steps will reproduce the problem?
1. Create a page with no element with the ID "header"
2. Add the selector "#header span:hover { color: #fff; }" to your style sheet
"
3. Refresh the page.

What is the expected output? What do you see instead?
Expected: Nothing should happen.
Actual: Two errors:
Object doesn't support this property or method (line 1) (eval code)
Syntax error (line 529) (IE7.js)

What version of the product are you using? On what operating system?
2.0 beta, Windows XP, IE6

What steps will reproduce the problem?
1. Look at the source code at the link provided below
The idea is to get a fluid box with rounded corners and a white border. 
The rounded corners are put above the border using negative margins.

What is the expected output? What do you see instead?
See the following link for a summary of the output and problems
http://www.solberg.se/ie7test/before_after_test.html

What version of the product are you using? On what operating system?
I use 2.0 beta of IE8.js on windows XP, linked from Google.

Please provide any additional information below.
As you can see Firefox, Opera and Safari renders the output equally and 
looks correct. But Internet Explorer 6.0 and 7.0 cannot handle it.

What steps will reproduce the problem?
1. Having a css like this:
.no_border {border:0px;}
.red_box {width:100%;border:1px solid #DE0000;"}

And the HTML:

<div class="red_box no_border">
WHATEVER
</div>

What is the expected output? What do you see instead?

I expect to see... well.. you know. And it crash IE6. Displaying:

Runtime Error!

Program: C:\Program Files\Internet Explorer\IEXPLORER.EXE

R6025
-pure virtual function call



What version of the product are you using? On what operating system?
Windows XP Professional
Internet Explorer 6.0.2900.2180.xpsp_sp2

I am working on updating a client website that uses generated WriteCSS();
command for browser related hacks. I want to update with ie7 coverage but
have not really done this before using js instead of css stylesheet hacks.

could I add your script to the file or is there a better way to use it in
this case.

Sorry for the newbie question, but if you have the time it would be a great
help.



current file set vars:
 // *** BROWSER VERSION ***
    // Note: On IE5, these return 4, so use is_ie5up to detect IE5.
    var is_major = parseInt(navigator.appVersion);
    var is_minor = parseFloat(navigator.appVersion);

    var is_ie     = ((agt.indexOf("msie") != -1) && (agt.indexOf("opera")
== -1));
    var is_ie3    = (is_ie && (is_major < 4));
    var is_ie4    = (is_ie && (is_major == 4) && (agt.indexOf("msie 4")!=-1) );
    var is_ie4up  = (is_ie && (is_major >= 4));
    var is_ie5    = (is_ie && (is_major == 4) && (agt.indexOf("msie
5.0")!=-1) );
    var is_ie5_5  = (is_ie && (is_major == 4) && (agt.indexOf("msie 5.5")
!=-1));
    var is_ie5up  = (is_ie && !is_ie3 && !is_ie4);
    var is_ie5_5up =(is_ie && !is_ie3 && !is_ie4 && !is_ie5);
    var is_ie6    = (is_ie && (is_major == 4) && (agt.indexOf("msie
6.")!=-1) );
    var is_ie6up  = (is_ie && !is_ie3 && !is_ie4 && !is_ie5 && !is_ie5_5);

    // Note: Opera and WebTV spoof Navigator.  We do strict client detection.
    // If you want to allow spoofing, take out the tests for opera and webtv.
    var is_nav  = ((agt.indexOf('mozilla')!=-1) && (agt.indexOf('spoofer')==-1)
                && (agt.indexOf('compatible') == -1) &&
(agt.indexOf('opera')==-1)
                && (agt.indexOf('webtv')==-1) && (agt.indexOf('hotjava')==-1));
    var is_nav2 = (is_nav && (is_major == 2));
    var is_nav3 = (is_nav && (is_major == 3));
    var is_nav4 = (is_nav && (is_major == 4));
    var is_nav4up = (is_nav && (is_major >= 4));
    var is_navonly      = (is_nav && ((agt.indexOf(";nav") != -1) ||
                          (agt.indexOf("; nav") != -1)) );
    var is_nav6 = (is_nav && (is_major == 5));
    var is_nav6up = (is_nav && (is_major >= 5));
    var is_gecko = (agt.indexOf('gecko') != -1);

    var is_mac    = (agt.indexOf("mac")!=-1);

    var is_win   = ( (agt.indexOf("win")!=-1) || (agt.indexOf("16bit")!=-1) );

What steps will reproduce the problem?
1. Take one of the IE7-JS test pages, such as
http://ie7-js.googlecode.com/svn/test/child.html
2. Add the following CSS to the style section:

#test a:hover
{
    background-position: 0px -123px;
}

3. Open the page in IE6.

What is the expected output? What do you see instead?
As these is no body element with the id 'test', nothing should be seen.
However, there should also be no issue in loading the page.

Instead, a JavaScript exception is thrown. Debugging results in the
following problem being highlighted:

Line 529:
var _selectorFunction=function(e0,s){IE7._indexed++;var
r=[],p={},reg=[],d=document;var
e1=IE7._byId(d,'test');if(e1&&e0==d||e0.contains(e1)){var
p2=0,i2,e2,n2=e1.getElementsByTagName('A');for(i2=0;(e2=n2[i2]);i2++){r[r.length
]=e2;if(s)return
e2;}}return s?null:r}

Object doesn't support this property or method on:
if(e1&&e0==d||e0.contains(e1))

What version of the product are you using? On what operating system?
2.0(beta) of IE7-JS, on IE6.0.2900, on Windows XP.

What steps will reproduce the problem?
1. Button elements

What is the expected output? What do you see instead?
Take all Button elements and deform it to 100% of the page or element
container.

What version of the product are you using? On what operating system?
Beta 3

http://ie7-js.googlecode.com/svn/test/margin-auto.html

When using CSS files with (admittedly), wrong CSS rules, ie.js breaks up.
With a css like this:

#MB_overlay[id] { position: fixed; }

IE complains about javascript errors while parsing the style. I don't
expect it to honor this rule, since it is plain wrong and has been posted
as a separate bug,

http://code.google.com/p/modalbox/issues/detail?id=180

But the point is, I would expect ie7 to graceful recover from this. A
javascript error because the CSS guy misnamed a selector may not be a good
idea.

Testcase: http://stifu.free.fr/dl/temp/ie-test.html

Here are the results with both IE6 and 7:

1- content:"" = side images are missing
2- content:" " = left (:before) image is missing, and the right
(:after) one is there but misplaced
3- content:"x" = both side images are misplaced

Note that the page actually looks a bit different with IE6, due to the
transparent PNGs which aren't rendered correctly.

The file encoding of the source code is not consistent :

line 12, you quote "Gellért Gyuris" encoded in ISO-8859-1
line 2012, "Rainer Åhlfors" encoded in UTF-8

What steps will reproduce the problem?
1. view unscrollable content example in ie 6.0.2900
2. http://ie7-js.googlecode.com/svn/test/unscrollable.html
3. Does not have scroll capability

What is the expected output? What do you see instead?
I expect the page to scroll, it does not have enabled scrollbar. Text runs
off the screen bottom.

What version of the product are you using? On what operating system?
ie 6.0.2900, 128-bit Win XP SP2 using  

Please provide any additional information below.

IE7.js and IE8.js make IE7 regress

If you try with one of the two scripts ie7.js or ie8.js linked on your web
page, to style an element by pointing its attributes having a value, you
will notice that it doesn'work in IE7 but works in IE6.

For example :

css :

img[alt="computer"] {border:2px solid red;}

html :

<img src="images/pc.jpg" alt="computer" width="100" height="100" />

Will render an image with a red border in IE6 but not IE7.

The same with img[alt=""] (However, it works with img[alt] without any values).

It works the same with the attribute title and src.

What steps will reproduce the problem?

1. Create UL with A HREFs in each LI (navigation list)
2. Set the style of the A tags to display: block with padding.

What is the expected output? What do you see instead?

IE7 and Firefox display the list as expected. IE6 puts additional space
between each LI. This is due to the 'has layout' issue. Adding the zoom: 1
hack to the LI style fixes the solution in IE. 

I'm not sure if ie7.js SHOULD fix that, but it does appear that it does not
fix that issue.

Please provide any additional information below.

One caveat: I'm testing this all using the tredo soft multiple-IE install.

Sample HTML file attached.

What steps will reproduce the problem?

1. View the attached html

What is the expected output? What do you see instead?

IE6 quits script with 'a.clientHeight is null or not an object'

What version of the product are you using? On what operating system?

IE7/IE8 beta 2.0 on IE6 XP SP2

Please provide any additional information below.

Removing the URL in the DTD makes the problem go away except obviously this
means pages don't render correctly

This is a new issue with the latest beta. the problem does not occur with
IE7_0_9

Without the ie7 fix, a certain page displays fine: a "top navigation menu"
(absolutely positioned) shows as normal over a background image (png or
jpg) declared for the body.

When the newest ie7 script is included, the browser ie6 renders the
background over the topnav menu div tag. the menu appears briefly but then
is hidden.

the css is:

body {
    margin: 0 auto;
    background: #bbb url(../images/interface/background_gradient.jpg) repeat-x
left top;
}


and

#topnav {
    position: absolute;
    width: 600px;
    padding: 0;
    margin: 0;
    top: 120px;
    right:  0px;
    overflow: visible;
    text-align: right;
}

If you try this with IE6 :
#my_id{background:red;}
#my_id.my_class{background:green;}
#my_id.my_other_class{background:blue;}

IE6 will apply a red background to these elements :
<div id="my_id" class="my_class"></div>
<div id="my_id" class="my_other_class"></div>

The element will keep the first style defined without the combination of an
ID and a class.


But you can do this :
#my_id{background:red;}
#my_id.my_class{background:green;}

<div id="my_id" class="my_class"></div>

Because there is only one combination of id+class, it works.


Finally, this works :
#my_id div{background:red;}
#my_id.my_class div{background:green;}
#my_id.my_other_class div{background:blue;}

Because the selected element is not directly the ID+Class element, but an
element inside.

You can see the problem here : http://essais.pierrebertet.net/IE7/test1.htm

The script used is IE7.js.

CSS :
.test.test2{background:#ccc;}
.test2{background:none;}

HTML :
<div id="group-2" class="test test2">
[...]
</div>

In all browsers, the second element has a grey background.

In IE6 with the script, the background is "none".

CSS docs that use ie expressions will reproduce this error...

* html .selector {
height: expression((document.body.scrollHeight >
document.documentElement.scrollHeight ? document.body.scrollHeight :
document.documentElement.scrollHeight) > document.body.offsetHeight ?
(document.body.scrollHeight > document.documentElement.scrollHeight ?
document.body.scrollHeight : document.documentElement.scrollHeight) :
document.body.offsetHeight + 'px');
}

What steps will reproduce the problem?
1. Create nested List: <ul><li><ul><li><a>some text</a></li><li><a>some 
text</a></li></ul></li></ul> 
2. Hover over the link in nested list on the resulting page
3.

What is the expected output? What do you see instead?
Expected: Nothing. Instead: Hovering over first item in list causes items below 
it to move down 
the page.

What version of the product are you using? On what operating system?
Latest Version. IE6 on XP.

Please provide any additional information below.
Mousing over the link in the first nested li appears to give it a class of 
"ie7_class5 ie7_lass0" and 
somehow this is pushing the next li lower.

What steps will reproduce the problem?
1. in this page http://www.climberworldperu.com/productos look at the
catalog on first part
2.
3.

What is the expected output? What do you see instead?
the div should stay visible when the mouse is over the <li> and then slide
to the div 

What version of the product are you using? On what operating system?
version/2.0(beta)/IE8.js, mi server is linux (fedora core 6 2.6.22.9-61.fc6)

Please provide any additional information below.

i already try with beta3 and the problem is still present
sorry for my english, :D

Please run the attached file. It uses the following CSS line.

html { font-family: inherit; }

(This is a part of Eric Meyer's CSS reset, which I use in most of my files.)

On IE6 (Windows XP), I get an "Object expected" at Line 1355 Char 5.

UserAgent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; InfoPath.1;
.NET CLR 2.0.50727; .NET CLR 3.0.04506.648; .NET CLR 3.5.21022)

What steps will reproduce the problem?
1. Floating to the left and to the right and clearing some divs  (example
attached) 


What is the expected output? What do you see instead?
In my example,Div dNoticiaHome should stay next to div DEventosweb but goes
to the top.
http://www.w3.org/TR/CSS21/visuren.html#floats
2- #  If the current box is left-floating, and there are any left-floating
boxes generated by elements earlier in the source document, then for each
such earlier box, either the left outer edge of the current box must be to
the right of the right outer edge of the earlier box, or its top must be
lower than the bottom of the earlier box. Analogous rules hold for
right-floating boxes. 



What version of the product are you using? On what operating system?
Using ://ie7-js.googlecode.com/svn/trunk/lib/IE8.js
internet explorer 6
windows xp sp1


Thank you Dean!

What steps will reproduce the problem?
1. Use ie7-j beta2 or beta 3 with IE6 (6.0.2800.1106)
2. View page in browser
3. Page loads ok but with 'Error on page' in status bar

This is happening on IE6 running in a W2kPro VM. ie7-js is working, but it
seems to be causing an error - this wasn't happening using the same setup
and websites, but using the older 0.9 ie7-js.

I don't really have a reduced test case for this at the moment, sorry.

What steps will reproduce the problem?
1. position:fixed for some box.
2. make the box 'left:20%' for example;
3. see its only 20px from the left, always. this is not so for 'right:20%'


What version of the product are you using? On what operating system?
- tested on IE6 (multiple IE's version), under WinXP.
- IE7.JS ver 2.0 (beta)

What steps will reproduce the problem?
---------------
Include two fixed divs in a html document.
Include css directive text-decoration for hover of any class, i.e.
.myclass:hover{text-decoration:underline}. The class may be unused in the
document.
Include enough content in the document so scrolling will be necessary.

What is the expected output? What do you see instead?
---------------
Both divs should be fixed while scrolling. Instead, the second fixed div
follows scroll.
Test page: http://natbyggarna.se/ie7test/fixed2.html

What version of the product are you using? On what operating system?
---------------
ie7-js.googlecode.com/svn/trunk/lib/IE8.js (also tried beta3 with same result)
Win XP SP2 MSIE6.0 (Multiple IE install).

Please provide any additional information below.
---------------

What steps will reproduce the problem?
1. See attached HTML.

What is the expected output? What do you see instead?
Instead of initializing successfully, IE7 reports an "Error: Object doesn't
support this property or method" for the nonexistent ID.

What version of the product are you using? On what operating system?
IE6 on Win2000, also appears in IE5 and IE5.5 under WINE.

Please provide any additional information below.
If the ID exists (even if the element doesn't) there is no error.

What steps will reproduce the problem?
1. .someselector:before/after { content: url(mypicture.png); }
2. Line 2410 in IE8.js: (entity.charAt(0) == "'") ? getString(entity) :
decode(entity);
3. decode() does not work

What is the expected output? What do you see instead?

 An image.

What version of the product are you using? On what operating system?

 IE8, XP 64

Please provide any additional information below.

 Well, in my limited case a replacement like this:

 decode(entity)
becomes
 ('<img src="'+entity.replace("url(","").replace(")","")+'" />')

 is a working only-have-twenty-seconds-left-fix.
 I actually didn't have the time to dig after what exactly decode() is
suppose to do (I saw a src=...blank in the <!>-element though, so I guess
it's doing something in a vague correct direction), otherwise I would have
send you a complete fix. Sorry. :-|

 The fix isn't completely doing want I want anyway, because my CSS is this:

#content > #nav .category > ul ul > li input[checked] +
a[onclick]:hover:before {
    content: url(pics/knob-minus.png);
}

 Reacting on the hover is missing, but for that I give up (make the image
transparent, put an element around, set the image as background of that
element, and define a "... > img:first-child:hover" selector that switches
the background image ... puh ... what if the hover-element replaces the
content with a string? ...). It's cosmetic anyway.

What steps will reproduce the problem?
1. http://ie7-js.googlecode.com/svn/test/empty.html

What is the expected output? What do you see instead?
I attach screenshot

What version of the product are you using? On what operating system?
IE5.5, IE6, WinXP

Some sites use elements with tiny PNG backgrounds (e.g. for creating a
pretty border effect). The trouble with the PNG fix is that it gives the
target element "layout". The element is then resized as if it had at least
one character as content. The PNG fix should detect empty elements and
resize them to the defined CSS width.

What steps will reproduce the problem?
1. embed a .png as background using css with width of div set to 100%
2. while using IE.js to set the png alpha transparent
3.

What is the expected output? What do you see instead?
expected png stretched to 100% width of viewport (firefox/opera/safari get 
this one right)

seen png stays in the leftmost corner... height is correct width has no 
effect... if png is not made alpha it stretches as expected..

What version of the product are you using? On what operating system?
IE8.js 2.0 beta 3 in IE6 on windows 2000

Please provide any additional information below.

This was posted on the IE7-js google group:

{{{
jxc wrote:
> original script:
> ==================
>     // handle window resize
>     var clientWidth = 0;
>     addResize(function() {
>       var i, wider = (clientWidth < viewport.clientWidth);
> 
> 
> my advice:
> ==================
>     addResize(function() {
>       if (viewport && "clientWidth" in viewport) {
>         var i, wider = (clientWidth < viewport.clientWidth);
>         ...
> 

}}}

It's possible that onresize is firing just before the DOM is ready and
viewport is not set. I have been unable to recreate this bug myself.


http://groups.google.com/group/ie7-js/browse_thread/thread/257af29692a49b38?hl=e
n

What steps will reproduce the problem?
1. Load attached example file into IE 6.
2. You will get a js error.
   line: 3
   char: 6077
   error: Object doesn't support this property or method.


What is the expected output? What do you see instead?
 - expect to not see js error.


What version of the product are you using? On what operating system?
  IE7.js (beta 2) running in IE 6.0.2900.2180.xpsp_sp2_gdr.070227-2254
  http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE7.js
  http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE8.js

  Bug does not appear with the "live" version:
  http://ie7-js.googlecode.com/svn/trunk/lib/IE8.js


Please provide any additional information below.

What steps will reproduce the problem?

1. take your example at
http://ie7-js.googlecode.com/svn/test/border-spacing.html
2. change border-spacing: 4em; to border-spacing: 4em 1em;

What is the expected output? What do you see instead?

I expected to get the spacings I chose. I got no spacing at all.

What version of the product are you using? On what operating system?

Using IE8.js from this url :
http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js
Testing with IE7 on windows XP SP2

Please provide any additional information below.

What steps will reproduce the problem?

css : 
div {
  font-weight:bold;
}

html :
<div>Hello world</div>

What is the expected output? What do you see instead?
The boldness is cancelled after the loading of IE8.js


What version of the product are you using? On what operating system?
IE8.js BETA4 on XP IE6

Please provide any additional information below.

(sorry for my crappy english)

What steps will reproduce the problem?
1. Loading the attached testpage

What is the expected output? What do you see instead?
internet explorer 6.0.2800 produce an error which is marked in the status
line and stops executing other js scripts.

error on line 530 in IE8.js (IE7.js)
the object does not support this method or property


What version of the product are you using? On what operating system?
IE7 version 2.0 (beta) Jan 06

Please provide any additional information below.

when you delete the styles in my example, then you get no error.

What steps will reproduce the problem?
1. Open the index.html file in the archive provided.
2. Watch IE do weird things.
3. Remove the conditional statement and script element; watch the page load as 
intended.

What is the expected output? What do you see instead?
I just expect it to load as intended. IE won't embed the font provided (because 
it needs to 
be eot). What happens on my computer is that it will load as a transparent 
page. Say IE 
loads with msn.com by default. If you load that index.html file msn.com will 
still be there. 
If you move a window over the top of it and move it away the background color 
shows. 
Weird.

What version of the product are you using? On what operating system?
IE7.js and IE8.js with IE 6 and 7 on Windows XP Pro SP2. 

Please provide any additional information below.
Typeface included with the archive is a free font.

At present IE7.js only uses the AlphaImageLoader crop sizingMethod (for CSS
background images), however there are situations where you would want to
use stretch. For example when the background is just a repeated semi
transparent pixel.

You *could* make the assumption that any background that isn't set to
no-repeat should use stretch rather than crop. Or alternatively, allow for
an extra flag in the file name, something like -stretch-trans.png, that
will trigger stretch rather than crop.

What do you think?