problema con divs ¬¬

Whose

Bueno hoy he decidido olvidarme 1 poco de esas odiosas tablas que tantos bytes ocupan y tan innecesarias son a veces...
Estoy haciendo un foro en php y tenia puesta una tabla con varias celdas para dividir los apartados del foro, el problema esta en que en IE se veia mas o menos bien pero en Mozilla algunas celdas se alineaban malamente y no conincidian con la de arriba segun le metieras mas o menos texto........

No uso editor, lo hago todo a mano y me surgio la idea de que si usaba divs me solucionaria el problema y ademas tendria un codigo mas decente, me puse manos a la obre y todo OK hasta que me encuentro con que en IE no se ve bien, aqui la comparación:

www.whose.dreambyte.org/putamierda.gif <-

lo tengo asi:
<div class="foro_titulo"><span class="blanco">Titulo</span></div>
<div class="foro_resp"><span class="blanco">Resp.</span></div>
<div class="foro_autor"><span class="blanco">Autor</span></div>
<div class="foro_lect"><span class="blanco">Lect.</span></div>

y el css de todos es basicamente esto:
.foro_titulo {
width: 330px;
height: 11px;
border: 1px solid #000000;
background: url(imagenes/degrado.gif);
text-align: left;
float: left;
margin: 1px;
}

Un poquito de por favor, que soy novato con los divs.

Usuarios habituales

  • Whose