PNG backgrounds in IE

[LozT]

Hi all,
I'm using a microsoft fix for png background to remove the blue thing around the image. Well problem is that links, text, forms, buttons and so, doesn't work or are selected.
I'm using this code:


<tr>
<table>
<script language="javascript" type="text/javascript">
if (navigator.appName == 'Microsoft Internet Explorer'){
document.write("<td style=\"background-position:center; filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(src='../page_images/middle_bar.png', sizingMethod='scale');\" height='100%'>");
}else{
document.write("<td background='../page_images/middle_bar.png' style='background-position:center;' height='100%'>");
}
</script>
<table width="730" height="100%" background="../page_images/background.jpg" border="0" align="center" cellpadding="5" cellspacing="10">
<tr>
<td height="30" bgcolor="#493829"><font face="Verdana, Arial, Helvetica, sans-serif" color="#FFFFFF" style="font-size:12px;">Acesso Restrito do Grupo Folclórico de Viana do Castelo</font></td>
</tr>
<tr>
<td>
<form action="" method="post" name="form1">
<table width="0%" border="0" cellspacing="5" cellpadding="0">
<tr>
<td><input name="user" type="text" value="User" size="20" maxlength="20" style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;"></td>
</tr>
<tr>
<td><input name="password" type="password" value="Password" size="20" maxlength="20" style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;"></td>
</tr>
<tr>
<td><input name="login" type="button" value="Login" style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;"></td>
</tr>
</table>
</form>
</td>
</tr>
</table>


Any help?

[simplistik]

what "blue" thing... the default border? you don't need a png to get rid of anything in html.

[s1ntax]

i dont really know whats wrong. if you can show me a working example that would be awsome.

if theres a blue border around the image, try targeting the element in CSS and adding:

border: 0px;

to the rule.

[LozT]

Sorry I think I didn´t myself clear. The blue thing that I refeer is a tranparency effect that IE6 can't show in the right way so, I already taked care of that problem with


filter:progid:DXImageTransform.Microsoft.AlphaImag eLoader(src='../page_images/middle_bar.png', sizingMethod='scale');

The thing is that links and forms buttons and textboxes doesn´t work with mouse only with tabs. Here's the link http://www.grupofolcviana.pt/test_page/admin/.

Hope it helps to understand.