problema CSS / HTML en IE - cómo fijar?

Question

Estoy trabajando en esta página aquí:

http://noasimon.co.il/

Se ve bien en Firefox, Chrome, Opera e IE8
Pero cuando enciendo la "vista de compatibilidad" en IE8, las imágenes del menú van por debajo del texto.

Otro problema que ocurre sólo en esta vista está en esta página:
http://noasimon.co.il/exhibition2010

Las miniaturas ir demasiado lejos dejó fuera de la vista.

conozco a nadie cómo puedo solucionar este problema? Tengo muy poca experiencia con este tipo de cosas.

Answer 1

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

Answer 2

Enhorabuena por el código HTML del W3C-válido! (He comprobado sólo para asegurarse)

Dado que parece que el div#header siempre va a ser 50px alto y siempre en (0,0) en el interior de la div#wrapper y el div.sidebar siempre a (0,50), ¿por qué no hacer esto:

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

En un segundo aspecto de la página pensé que un truco de un amigo de usos de minas podría ser de ayuda:

  

* {padding: 0; margin: 0;}

Por lo general, ayuda a resolver problemas comunes de compatibilidad de IE relacionados con los valores por defecto de margen y el relleno allí.

Answer 4

Parece que este es un buen caso de "doble margen"

Básicamente lo que hay que hacer para "Vista compatible" es establecer display a inline en los elementos que flotan y tienen margen.

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

Answer 5

Puede utilizado ..

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

} li {.sidebar     flotar derecho;     mostrar: inline-block;     margen: 1px; padding: 0px 4px '

font-size: ..;

}

Gracias Ptiwari.