Imagens no IE ficam mal

[klasss 0]

Boas,
Ando com um problema com o Internet Explorar no site que estou a fazer pois as imagens aparecem desfocadas e no google chrome aparece tudo bem.

Alguem me consegue ajudar nisso?

[William Bruno 1501]

Coloque um link para o site

[klasss 0]

Eu estou a trabalhar com o Site localhost.
O site não esta publicado.

[reebr 94]

Poste o código então óras.

O trecho do HTML/CSS que está trabalhando a imagem.

[klasss 0]

 

<table class="rootVoices ui-widget ui-corner-top ui-corner-bottom ui-state-default" cellspacing="4" cellpadding="0" border="0" width="100%">

<tr style="height:50px"><td id="Menu" menu="Menu" class="rootVoice ui-corner-top {menu:'IWCGJQMENU1_0'}">

</td><td id="Novo Registo" class="Title" > <a href="Filtro.php" id="dialog-modal"> <img class="overlay" id="dialog-modal" src="images/Novo.PNG" width="100%" height="100%" style="vertical-align: middle; padding-right: 8px;" >

  Todos dados  </a>

</td>

</td><td id="Autorizado" class="Title" > <a href="Autorizado.php" id="dialog-modal"> <img class="overlay" id="dialog-modal" src="images/Certo.PNG" width="65%" height="20%" style="vertical-align: middle; padding-right: 8px;" >

  Autorizados  </a>

</td>

</td><td id="Condicionado" class="Title" > <a href="Condicionado.php" id="dialog-modal"> <img class="overlay" id="dialog-modal" src="images/condicionado.PNG" width="60%" height="8%" style="vertical-align: middle; padding-right: 8px;" >

  Condicionados  </a>

</td>

</td><td id="Não autorizado" class="Title" > <a href="nao autorizado.php" > <img class="overlay" id="dialog-modal" src="images/Errado.PNG" width="70%" height="20%" style="vertical-align: middle; padding-right: 8px;" >

<center>Não Autorizados  </center></a>

</td>

</td><td id="Não autorizado" class="Title" > <a href="procurar.php" > <img class="overlay" id="dialog-modal" src="images/procurar.PNG" width="80%" height="50%" style="vertical-align: middle; padding-right: 8px;" >

  Procurar  </a>

Mas é estranho ser so no IE de desfigura as imagens