salve

tentando di fare un layout sperimentale ho deciso di utilizzare png semi trasparenti, e per farle visualizzare correttamente su IE ho usato il metodo AlphaImageLoader

si visualizzano benissimo, ma gli elementi a cui associo la grafica sono come bloccati
non riesco a selezionarli, ed al passaggio del mouse i link non si attivano

su firefox funziona perfettamente
se commento il codice css specifico per IE, su IE tutto torna alla normalità, ma le png vengono caricate malamente

il codice del css generico:
codice:
.header_top {
 height:46px;
 width:867px;
 background:url(template/header_bordo.png) no-repeat;
 vertical-align:bottom;
}
il codice del css caricato solo da IE6:
codice:
.header_top {
 background:none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='template/header_bordo.png', sizingMethod='scale');
}
il codice html:
codice:
  <tr>
    <td colspan="5" class="header_top">
      <div class="header_top_iscriviti">
        <p style="padding-left:25px; margin-top:26px; line-height:12px; font-weight:bold; text-transform:uppercase;">Iscriviti</p>
      </div>
      <div class="header_top_cerca">
        <p style="padding-right:25px; margin-top:20px; line-height:12px; font-size:10px; font-weight:bold; color:#ef4396;">
          <span style="margin-right:30px;">Accessibilità | Aggiungi a preferiti | Contatti</span>
            <input type="text" value="Cerca..." style="width:100px; color:#c1c1c1;" onclick="this.style.width='200px'; this.value='';" />
            <input type="image" value="" src="template/cerca.gif" style="background:none; border:none;" />
        </p>
      </div>
    </td>
  </tr>
il codice da vinci: