problema CSS / HTML in IE - come risolvere?

Question

Sto lavorando a questa pagina qui:

http://noasimon.co.il/

Si presenta bene in Firefox, Chrome, Opera e IE8
Ma quando accendo la "visualizzazione compatibilità" in IE8, le immagini dei menu vanno sotto il testo.

Un altro problema che si verifica solo in questo punto di vista è in questa pagina:
http://noasimon.co.il/exhibition2010

Le miniature andare troppo lontano lasciato fuori la vista.

conosco nessuno come posso risolvere questo problema? Ho poca esperienza con questo genere di cose.

Answer 1

.ngg-album {
    position: relative;
}
.ngg-albumimage 
img {
    position: absolute;
    left: 0;
    top: 0;
}
.ngg-albumimage {
    display: inline;
}

Answer 2

Congratulazioni per l'HTML W3C valida! (Ho controllato solo per assicurarsi che)

Poiché sembra che il div#header sta andando sempre essere 50px alto e sempre a (0,0) all'interno del div#wrapper, e il div.sidebar sempre a (0,50), perché non fare questo:

div#wrapper {
    position: relative;
}

div#wrapper div#header {
    position: absolute;
    height: 50px;
    top: 0px;
    left: 0px;
}

div#wrapper div.sidebar {
    position: absolute:
    top: 50px;
    left: 0px;
}

Answer 3

In un secondo sguardo sulla tua pagina ho pensato un trucco un amico di usi miniera potrebbe essere di aiuto:

  

* {padding: 0; margin: 0;}

Questo di solito aiuta a risolvere i comuni problemi di compatibilità di IE legate ai valori di default dei margini e padding lì.

Answer 4

Sembra che questo è un buon esempio di "doppio margine"

In sostanza ciò che è necessario fare per "vista compatibile" è quello di display insieme a inline su elementi che sono galleggiavano e hanno margini.

.ngg-albumtitle {
    float: right;
    display: inline;
}

Answer 5

è possibile utilizzare ..

.sidebar ul { margine: 0px; padding: 0px;

} Li .sidebar {     float: right;     display: inline-block;     margin: 1px; padding: 0px 4px '

font-size: ..;

}

Grazie Ptiwari.