En Firefox bien en IE mal

http://www.exitdesign.com/eneas seccion "EVENTOS"

Por qué pasa esto? se ve bien en Firefox ok? luego en IE no. Haced la prueba...

Bien, cada "evento" de la lista se compone de dos divs con float:left.
El segundo, el que contiene el enlace es mas pequeño en cuanto a altura y parece que IE lo recorta por ahi y comienza otro div, en lugar de hacerlo bien como Firefox. Posteo el codigo:
CSS

Código :

.eventos {
   border-top: 1px dashed rgb(230,230,230);
   clear:both;
   display:block;
   }
.eventos div {
   margin-top:8px;
   margin-bottom:8px;
   }
.eventos div.left {
   float:left;
   width:230px;
   }
.eventos div.right {
   float:left;
   width:263px;
   text-align:right;
   margin-left:5px;
   }
.eventos div ul {
   text-align:left;
   padding:0px;
   margin:0px;
   }
.eventos div ul li {
   list-style:none;
   line-height:13px;
   }

PHP/HTML

Código :

<div class="eventos"> 
     <div class="left">
     <ul> 
         <li class="arialRosa12"><?php echo $Fechas;?></li> 
         <li class="arialGrisOscuroBold12"><?php echo $Nombre;?></li> 
         <li class="arialGris12"><?php echo $Lugar;?></li> 
     </ul>
     </div>
     <div class="right">
         <?php echo $href;?>
     </div>
  </div>

Necesito ayuda porque le estoy cogiendo mania a IE.
Saludos a to2!

Es el tercer post que haces con este mismo tema, que por cierto ya te lo resolvi hace tiempo, ni siquiera se si lo leiste.
http://www.cristalab.com/foros/viewtopic.php?p=90275#90275

Fael te advirtio que no es necesario que dupliques los posts, menos aun que los tripliques.

Si, se me resolvio a medias, porque meter un ultmo <li> con text-align a la derecha no me sirve, necesito q esten a la misma altura. Asi que sigue sin reoslverse. Siento si parece un post duplicado, pero lo he rehecho y ahora ya de la manera correcta y el problema es distinto, yo considero que no es duplicarlo. Si no hay solucion pues buscare en otro foro...
Considero q este es el mejor foro que visito constantemente, intento ayudar siempre que puedo, asi que no os enfadeis.

Capt.Mahou escribió:

A esto me referia, pudiste haber dicho eso alla y asi se buscaba otra solucion, en el mismo post.

Código :

<div class="eventos">
  <ul> 
      <li class="titulo">21 / 23 de Noviembre 2005</li> 
      <li class="sub">Primeras Jornadas Nacionales de Ictus en Atenci&oacute;n Primaria</li> 
      <li class="lugar">Granada (Espa&ntilde;a)</li> 
   </ul>
<span class="link"><a href="mailto:[email protected]">[email protected]</a></span>
<br />
</div>

Código :

.eventos { 
   width:460px; 
   border:1px solid #999999; 
   font-family:Arial, Helvetica, sans-serif; 
   padding:4px; 
    }
.eventos ul {
  margin:2px;
  padding:0;
  list-style:none; 
  clear:both;
  } 
.eventos ul li { 
   font-size:12px; 
   margin:0; 
   padding:0; 
   width:300px;
   } 
.titulo { 
   font-weight:bold; 
   color:#CC657C; 
   } 
.sub { 
   font-weight:bold; 
   color:#000000; 
   } 
.lugar { 
   float:left;
   font-size:12px; 
   color:#999999; 
   } 
.link { 
   float:right; 
   font-size:10px;
   } 
.link a { 
   color:#CC657C; 
   text-decoration:none; 
   } 
.link a:hover { 
   color:#FF3366; 
   }

Esto ya lo probe y funciona bien en IE y FF

Tranquilos, solo trata de que si es el mismo tema, y la misma pagina, uses el mismo tema.

Saludos