I’d add the visibility=”hidden” to the JS. Just to make sure.

Global = {FixPng: function( img ){if(document.all){
img.style.visibility=”hidden”;
img.parentNode.style.width = img.offsetWidth; img.parentNode.style.height = img.offsetHeight; img.parentNode.style.filter = “progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src=’”+ img.src +”‘)”
} else {img.style.visibility = “visible”}}}

And then on the img tag, just write:

Download jQuery-Plugin “pngFix” from (http://jquery.andreaseberhard.de) Great PlugIn By The Way!!!

–Change these lines like the following:

// this line
jQuery(this).find(“img[src$=.png]:visible”).each(function() {
// this line
jQuery(this).find(“:visible”).each(function(){
// and this line
jQuery(this).find(“input[src$=.png]:visible”).each(function() {
–Before the end Place this Code

// Store a reference to the original method.
var _show = jQuery.fn.show;

// Overriding Show method.
jQuery.fn.show = function(){
// Execute the original method.
_show.apply( this, arguments );
// Fix Png
return $(this).pngFix();
}

//No more problems with hidden images

})(jQuery);

//The End

Notice the comma behind “sizingMethod’ and the ‘ around.

And you’ve forgotten the units : px

Here a method to add the div :
var parent=img.parentNode;
var tailleX=img.offsetWidth, tailleY=img.offsetHeight;
var fichier=img.src;

parent.innerHTML=” + parent.innerHTML + ”;
img=parent.childNodes[0].childNodes[0];
var nouvParent=obj(parent.childNodes[0]);

nouvParent.style.width = img.offsetWidth +’px’;
nouvParent.style.height = img.offsetHeight +’px;

img.style.background=’none’;
img.style.visibility=’hidden’;

nouvParent.style.filter = ‘progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=\’scale\’, src=\”+ fichier + ‘\’)';

onload=”ie6PngFix(Array(‘logo’));”

function ie6PngFix(arr) {
for (var i = 0; i < arr.length; i++) {
img = document.getElementById(arr[i]);
if (document.all){
img.parentNode.style.width = img.offsetWidth;
img.parentNode.style.height = img.offsetHeight;
img.parentNode.style.filter = “progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src=’” + img.src + “‘)”
} else {
img.style.visibility = ‘visible’;
}
}
}

I am facing a wierd problem with IE6. The issue is as follows.

I have many div tags in my web page (popup). One of the div has a table with 3 rows. The 1st row has a label, 2nd row has data that the user can provide (something like editor control) and the 3rd row has link. when the user enters large data in the editor control and save it its getting saved and everything is perfectly fine. The problem comes when the user opens the web page. The UI is scattered because the 2nd row exceeds and the div tag gets expanded and hides the link button. This issue is only in IE6.

Can you please help me or direct me so that i can resolve it?

Thanks in advance.

#topmodulestable .topmodulestd .generalbtn a, #content3coltable .content3coltd .generalbtn a, #botmodulestable .botmodulestd .generalbtn a{
background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src=’img/btn_bg.png’);
cursor:pointer;
}
#topmodulestable .topmodulestd .generalbtn a:hover, #content3coltable .content3coltd .generalbtn a:hover, #botmodulestable .botmodulestd .generalbtn a:hover{
background-image:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src=’img/btn_over_bg.png’);
cursor:pointer;
}

I added “cursor:pointer;” to the style as it seems to be needed for the pointer mouse icon.

I’ve found that it’s much easier to just handle the roll-overs in a stylesheet. Giving the element a class or id then switching the filter for it on :hover. Instead of using javascript to auto-replace the background with a filter. I hope that helps.

Heres the code with right types of quotes (I hope):

Global = {
FixPng: function( img ){
if(document.all){
img.parentNode.style.width = img.offsetWidth;
img.parentNode.style.height = img.offsetHeight;
img.parentNode.style.filter = “progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src=’”+ img.src +”‘)”
} else {
img.style.visibility = “visible”
}
}
}

The only place where i can make an observation is the use of document.all to catch an IE.