Immagine tagliata

[foxissimo]

Ciao a tutti.
ho un problema di compatibilità con intenrnet exlorer.
Ho effettuato un test usando http://browsershots.org/ e ho notato che in alcune versioni di IE il logo resta tagliato dal div che lo contiene.
Ecco gli screenshots:

IE8 - COME VORREI SI VEDESSE

IE7 - qua forse un problema di browsershot...

IE6 - LOGO TAGLIATO

IE5 - LOGO TAGLIATO

Come mai il logo resta tagliato in questo modo?
L'immagine è contenuta nel div col bordo rosso, con un

margin-top:-80px;

[Mich_]

Che DTD usi?
Che codice usi?

Non e` possibile rispondere senza conoscere il codice che ti genera quelle immagini.
Se puoi posta il link.

[foxissimo]

http://www.comavsrl.com/azienda.php

[Mich_]

Prova a cambiare DTD. Se sui XHTML 1.0 Strict, molti dei problemi di IE spariscono.

Con la DTD Strict, devi poi fare minimi cambiamenti al codice per sottostare alle direttive dalla nuova DTD, ma in quella pagina sono minimi.


PS: nota che i JS che usi sono inutili se sfrutti correttamente i CSS.
Vedi ad esempio
I fondamenti del rollover grafico: immagini, sprite e text-replacement
Fast Rollovers Without Preload
Bottoni con rollover flessibili

[foxissimo]

grazie per la esauriente risposta.

preciso che sono molto alle prime armi e cerco sempre di aggiustarmi con le scarse conoscenze che ho...per esempio sono andato a vedere il significato di DTD solo leggendo la tua risposta...

quali cambiamenti sarebbe opportuno fare per rendere la mia pagina in DTD Strict?

scusa ancora
grazie

[Mich_]

quali cambiamenti sarebbe opportuno fare per rendere la mia pagina in DTD Strict?

Anzitutto dovresti capire la differenza tra transitional e strict: per questo credo che la cosa migliore sia la guida XHTML di HTML.IT
Poi esistono reference in cui sono segnalate le differenze, ad esempio http://www.w3schools.com/

Poi un grosso aiuto te lo puo` dare il validatore HTML.
(incidentalmente segnalo anche il validatore CSS, che anche ti puo` servire)