Hola dracoWorld
Realmente tu codigo esta bien en lo que respecta al diseño el problema fundamental es como internet explorer interpreta el modelo de caja, para internet explorer el ancho de un elemento incluye el borde y el padding mientras que el ancho css realmente no incluye ninguno de estos dos elementos
Esto lo soluciona internet explorer en el modo de compatibilidad con estandares que soluciona al menos el problema del modelo de caja, para internet explorer 6.
El modo de compatibilidad con estandares depende de la declaracion del tipo de documento que en tu caso es:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
y debes agregarle la URL es decir debe quedar:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
para mas información
puedes buscar en
Mejoras de CSS en Internet Explorer 6 Public Preview
Espero te sirva la información
