Ciao a tutti,
ho un problema di questo tipo:

HTML:

<div id="contenuto">
[...]
</div>
<div id="barra">
[...]
</div>

CSS
#contenuto {
float:left;
width: 500px;
border-right:1px solid red;
}
#barra {
width: 200px;
margin-left:500px;
border-left:1px solid red;
}

Su FF i due DIV si covrappongono, facendo sovrapporre anche i bordi che risultano come un unico bordo. In questo modo ho una linea laterale che copre sempre tutta l'altezza di ambedue i div a prescindere dall'altezza di uno o dell'altro elemento.

Naturalmente su IE i due bordi mi risultano affiancati e non riesco a trovare un modo per far sovrapporre i due DIV senza ricorrere al posizionamento assoluto...

Qualche consiglio?