No aparecen las imágens con iE!

[hector_he]

Hola a todos, en la página web: http://shibuyadepako.es.kz/
No entinedo porqué las imágenes no aparecen en Internet Explorer...

La galería esta construida como una lista ol

#text ol li{
margin:auto;
padding:0;
}
#text ol li{
display:inline;
}
#text ol img{
border:#663 1px solid;
margin:auto;
width:auto;
height:14%;
}

El CSS completo está en: http://shibuyadepako.iespana.es/style.css

pd: Además aun teniendo el display:inline aparece el Bug de doble margen...

Gracias!!!

[elquique]

A mi me sale solo esto:


[SIZE="]Whoops!!! visitante perdido.[/SIZE]

Perdido es el tiempo de usar esos hosting que agregan cosas raras a nuestro código que intentamos sea bueno y puro ;)

[hector_he]

Hola elquique, gracias por la respuesta.
Copiaré todo le código aquí:

*{
margin:0;
padding:0;
z-index:1;
}

BODY {
font-family: Arial, Helvetica, verdana;
font-size:12px;
margin: 12px;
text-align: center;
background: #663 url(img/bg.png) repeat-x top;
}

/* link style */
a {color:#663; text-decoration: none;}
a:hover {color:#663; text-decoration: underline;}

/* headers style */
h1, h2{padding:0; text-align:left; }

h1{
font-size: 2.8em;
margin:12px 0 18px 0;
}
h2{
font-size: 1.4em;
margin-top:12px;
color:#663;
}

/* conatiner style */
#container{
margin: auto;
padding:0;
width:70%;
border:white 8px solid;
border-bottom:0;
}

/* head style */
#head{
padding:0;
margin:0;
text-align:center;
}
#head img{
width:100%;
}

/* menu style */
#menu{
padding:0;
margin:0;
border-bottom:#663 solid 4px;
}
#menu ul, #menu li a, #menu li a:hover{
padding:10px 4px;
}
#menu ul{
text-align: center;
margin:0;
background:#663 url(img/bgmenu.png) repeat top;
}
#menu li{
display:inline;
color:#663;
}
#menu li a{
color:#fff;
text-align:left;
font-size:1.2em;
font-weight:bold;
text-decoration: none;
margin:0 0.6%;
}
#menu li a:hover{
background:#663 url(img/bgmenub.png) repeat top;
}

/* body style */
#body{
margin:0;
padding:0;
background-color: #fff;
background:#fff url(img/bgbody.png) repeat-x;
}

#footer, #text, #lateral{
padding: 12px;
}

/* lateral style */
#lateral{
text-align:left;
width:24%;
float:right;
font-size:1em;
display:inline;
}
#lateral dt, #text dt{
font-size: 1.4em;
font-weight:bold;
color:#663;
margin-top:12px;
}
#lateral img{
width:100%;
}

/* text style & class */
#text{
text-align: justify;
margin-right:28%;
line-height:140%;
font-size:1em;
border-right:#663 solid 1px;
}

#text img{
width:100%;
margin:auto;
padding:0;
border:0;
}

#text ol li{
margin:auto;
padding:0;
}
#text ol li{
display:inline;
}
#text ol img{
border:#663 1px solid;
margin:auto;
width:auto;
height:14%;
}

.credit{
font-size:0.9em;
color:#663;
background: #fff url(img/bgfooter.png) repeat-x top;
text-align:justify;
background-color:white;
margin:auto;
padding: 4px 12px;
}

/* banner footer style */
.banner_two{
clear:both;
text-align:center;
margin:auto;
}
.banner_two img{
width:100%;
}

/* footer style */
#footer{
background-color: #ffffff;
text-align:right;
font-size: 0.8em;
border-top: #666633 solid 1px
}

/* p style */
p{
margin:6px 0 12px 0;
}

/* input and textarea style */
input, textarea{
width:auto;
margin:2px;
border:#663 solid 1px;
}

La verdad es que no acabo de entender poque no aprecen las imágenes....

Gracias

[Mikmoro]

No creo que sea un problema de css, sino más bien de php.
En IE arroja un error en la línea 34, caracter 16 en la diección
http://shibuyadepako.iespana.es/fotospelu.php. Revísalo.

Mikel.