Con HTML 4.01 Transitional (que no es tradicional XD) el Explorer está en "quirks mode" para ser compatible con el Explorer 5, por lo que el modelo de caja (box-model) es incorrecto...
Según el W3C, el ancho que le das a la capa no incluye el borde ni el relleno (padding), pero en el modo compatible hacia atrás del Explorer (y en el 5.X, claro) sí. Así que haz la página en XHTML 1.0 Transitional y te saldrá bien (aunque tendrás que engañar al Explorer 5.X para que lo dibuje bien con el truquito del voice-family: "\"}\""...
Un saludo ;-)
Editado: Bueno, ya que estamos... unos consejitos:
- Si tiene el mismo borde en todos los lados, pon "border: 1px solid red". Lo mismo para el padding, margin y demás. Pero para éstos, además, puedes poner el modo abreviado: padding: 10px 5px 3px 2px; (en sentido horario, el primero es el de arriba). Y si son iguales dos a dos, se pueden quitar los dos últimos.
- Si sólo se usa en un elemento de la página (como el div "contenedor"), usa "id" en vez de "class".
- Nunca llames izquierda, derecha... ni algo como "texto rojo" y demás. Si luego cambias el diseño y lo de la derecha está a la izquierda y el texto rojo es verde con fondo lila, te liarás mucho ;-). Pon nombres lógicos, de estructura: menú, enlaces, contenido...