PNG backgrounds in IE

programming web dev
1

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.AlphaImageLoader(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?