Secondly, filters are implemented only in IE, they are not part of the CSS specification.

Have a look here for CSS support in browsers.

Also, run your code through the HTML validator and when it is correct there, through the CSS validator.

I think you need to explain what you're trying to do. You say you're executing perl code on a Mozilla browser, which doesn't make much sense to me. Normally your perl would run on the web server (as a CGI script) and send HTML or other content back to your browser. JavaScript might be run on the browser.

If you could clarify where your code is running and what it is trying to achieve that would help. You could post some of your code but not 100s of lines - just an excerpt that shows what you've tried to do.

Also I can't see any difference between your first two HTML examples.

Apologies if I've missed the point here but it's pretty difficult to work out what your actual problem is.

<div style='position:absolute; top:140px; left:110px; width:360px; hei
+ght: 160px; background-color:#2E4FB0; filter: Alpha(Opacity=70); -moz
+-opacity: 0.70; opacity:.70;'>
[download]

I am still getting stucked with positioning problem in mozilla browser..here I am attaching the code ....the positions of my image buttons are fine in IE but it is going downwards in mozilla browser.. My code is ... ####################################

print "<div style=' position:absolute; 

right:0px;top:79px;-moz-box-sizing:border-box;box-sizing:border-box;po
+sition:absolute;
right:0px ;top:90px; '>

<p style=' position:absolute; top:0px; 

right:100px;'-moz-box-sizing:border-box;box-sizing:border-box;margin:0
+;padding:0;position:ab

solute;top:10px;right:10px;'>

";


print "<a target='main'  

onClick=\"javascript:window.open('./download.cgi','','toolbar=no,scrol
+lbars=yes,location

=no,status=no,menubars=no,resizable=no,width=600,height=600,top=0,left
+=0')\" 

target=\"_blank\" onMouseOut=\"MM_swapImgRestore(); window.status='';\
+" 

onMouseOver=\"MM_swapImage('Image101','','../images/download1.gif',1);
+ 

window.status='Download Files';\"><img src='../../download1.gif' borde
+r='0'></a>

</p><p style='position:absolute; top:0px; right:150px;'>
<a target='main' 

onClick=\"javascript:window.open('./upload.cgi','','toolbar=no,scrollb
+ars=yes,location=n

o,status=no,menubars=no,resizable
=no,width=600,height=700,top=0,left=0')\" target=\"_blank\" 

onMouseOut=\"MM_swapImgRestore(); window.status='';\" 

onMouseOver=\"MM_swapImage('Image101','','../images/upload1.gif',1); 

window.status='Upload  Files';\"><img src='../../upload1.gif' border='
+0'></a>

";
[download]

########################## I am also sending you my style sheet code....

DIV.p1
{
position:absolute;
right:0px; 
z-index: 1001;
top:79px;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0;
padding:0;
position:absolute;
top:10px;
right:10px;
z-index:1001;
} 


DIV {
font-family: Tahoma,Arial,serif;
font-size: 8pt;
}

DIV.float {
font-family: Tahoma,Arial,serif;
font-size: 8pt;
float: left;
margin: 2px;
}

P.p3
{
position:absolute; 
top:0px; 
right:150px;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0;
padding:0;
position:absolute;
top:10px;
right:70px;

}



P.p2
{
position:absolute; 
top:0px;
right:80px
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0;
padding:0;
position:absolute;
top:10px;
right:10px;
}
[download]

but its not working at all..please suggest me some solution.... Thanx