Foros del Web - Problemas con los div

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - Problemas con los div (http://www.forosdelweb.com/f53/problemas-con-div-348762/)

Problemas con los div

Hola a todos.
Esta es la primera vez que escribo asin que perdonadme si voy de nuevas.
Tengo el siguiente codigo:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<style type="text/css">
html, body {
margin: 0px;
padding: 0px;
border: 0px;
width: 100%;
height: 100%;
}
.tabla {
margin: 0px;
padding: 0px;
width: 100%;
border: 1px solid red;
}
.tabla th {
text-align: left;
}
.tabla td {
}
.nota {
margin: 0px;
padding: 0px;
border: 1px solid red;
background: #FFFFCC;
width: 100%;
}
</style>
</head>

<body>
<table class="tabla" cellpadding="0" cellspacing="0">
<tr><th>C1</th><th>C2</th><th>C3</th><th>C4</th></tr>
<tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
<tr><td>5</td><td>6</td><td>7</td><td>8</td></tr>
<tr><td>9</td><td>10</td><td>11</td><td>12</td></tr>
</table>

<div class="nota">
Este es el contenido 2.
</div>

<form method="get" action="iframe_content.html">
<input type="submit" value="siguiente">
</form>
</body>
</html>

En IE 6 se ve bien, la tabla y el div tienen el mismo tamaño, pero en firefox 1.0.7 nada de nada, el div mide 2 pixels mas que la tabla y aparece un scroll.

Que se podria hacer???

Gracias.

Lo deberia mostrar.. pero bueno, eso pasa con esos navegadores raros.

encontre una solucion algo extraña...

Encontre una solucion algo extraña y que funciona:

si quito el width: 100% del div (la clase definida como nota), funciona correctamente en internet explorer y en firefox.

¿Alguien sabe por que????

Gracias.

Cita:

pero bueno, eso pasa con esos navegadores raros.

Eso pasa con los navegadores que interpretan correctamente los estándares de la W3C

Lo correcto es como te lo muestra el Firefox... IE interpreta mal el modelo de cajas. Te dejo la explicación: http://www.disenorama.com/articulos/...o_de_cajas.htm