모질라에서 제대로 보이는 HTML 문서는...

IE6 이상에서는 !DOCTYPE 선언을 사용하면 조금이나마 더 표준에 맞는 형식으로 보여줍니다.

http://www.microsoft.com/korea/msdn/workshop/author/css/overview/cssenhancements.asp

부득이한 경우에는 IE의 버그(?)를 이용해서 다음과 같은 식으로 IE용 코드와 모질라(와 그밖의 표준을 지키는 브라우저)용 코드를 분리할 수 있습니다.

  #menu { 
        width:240px; 
        padding:0px; 
        margin-left:20px; 
        margin-right:-3px; 
        float:right; 
        /* 
        IE5x PC mis-implements the box model. Because of that we sometimes have 
        to perform a little CSS trickery to get pixel-perfect display across browsers. 
        The following bit of code was proposed by Tantek Celik, and it preys upon a CSS 
        parsing bug in IE5x PC that will prematurly close a style rule when it runs 
        into the string "\"}\"". After that string appears in a rule, then, we can override 
        previously set attribute values and only browsers without the parse bug will 
        recognize the new values. So any of the name-value pairs above this comment 
        that we need to override for browsers with correct box-model implementations 
        will be listed below. 
         
        We use the voice-family property because it is likely to be used very infrequently, 
        and where it is used it will be set on the body tag. So the second voice-family value  
        of "inherit" will override out bogus "\"}\"" value and allow the proper value to 
        cascade down from the body tag. 
 
        The style rule immediately following this rule offers another chance for CSS2 
        aware browsers to pick up the values meant for correct box-model implementations. 
        It uses a CSS2 selector that will be ignored by IE5x PC. 
         
        Read more at http://www.glish.com/css/hacks.asp 
        */ 
        voice-family: "\"}\""; 
        voice-family: inherit; 
        } 
    html>body #menu {
        /* for mozilla */
        margin-right:-6px; 
        } 

ps. 위의 페이지에 있는 다음 문구가 정말 인상적입니다. :-)

애초에 잘 만들지...