Problema con galeria en IE

[hachimipark]

Hola.!

Tengo esta pequeña galeria:



Funciona perfecto, incluso en IE, lo unico como pueden ver, se mueve el ultimo de los thumbnails... y hace q se pierda el cuadro de texto q viene despues d los thumbnails alguna sugerencia? =/

este es el css de esa parte:

#container ul {width:250px; height:200px; padding:0; margin:5px; list-style-type:none; float:right;}

#container li {float:left;}

#container a.gallery, #container a.gallery:visited {display:block; color:#000; text-decoration:none; border:#ffffff solid 18px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; margin:60px 2px 1px 2px; text-align:left; cursor:default;padding:0;}

#container a.gallery span {position:absolute; width:1px; height:1px; top:-1px; left:0px; border:#ffffff solid 18px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; overflow:hidden;
background-color: #fff;}

#container a.gallery:hover {border:#ffffff solid 18px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: #fff;
}

#container a.gallery:hover img {border:1px solid #fff; float:left; margin-right:10px;}
#container a.gallery:hover span {position:absolute; width:346px; height:300px; top:70px; left:25px; color:#fff;}

y el html...

Código HTML:

<div id="berlin">
<div id="container">

<div id="name">
Berlin
</div>
<div id="leimage">
<img src="img_berlin.jpg" />
</div>
<ul>

<li><a class="gallery1" href="#nogo"><span><img src="frente.jpg"  /></span></a></li>
<li><a class="gallery2" href="#nogo"><span><img src="lateral.jpg"  /></span></a></li>
<li><a class="gallery3" href="#nogo"><span><img src="open.jpg"  /></span></a></li>
<li><a class="gallery4" href="#nogo"><span><img src="persp.jpg"  /></span></a></li>

<div id="details">
BERLIN
</div>

</ul>
</div>
</div> 

yo me imagino me falta algun crackesillo o algo asi para el IE pero siempre batallo con eso y me revuelvo =P

gracias de antemano a quien responda! X)