Estas confundido, en FireFox se muestra bien, o sea se muestra como tu lo hiciste.
En IE, se muestra mal, y lo ves bien porque el navegador lo entiende casualmente de esa forma.
Comienza corrigiendo los problemas que tienes por ahí:
http://validator.w3.org/feed/check.c...s.org/misWebs/
class, permite definir una clase CSS, y puedes tener todos los que quieras.
id, identifica un único elemento, no puedes repetirlo, por tanto eso de tener varios id="sub" no va.
Corrige lo que te marca el validador, organiza tu xHTML y CSS y para que este bien armado y se pueda ver en los navegadores.
Recuerda que siempre es mejor trabajar y probar todo en un navegador web, recién al final probar de mirarlo en IE, tu estas haciendo al revés :P