It has to do with the way IE and Firefox treat the box model in quirks
mode.  There's some info about it here:

http://www.quirksmode.org/css/quirksmode.html

Also, if you remove the width:100% in the menu def, it will fill out correctly.


On 1/12/06, Robert Everland III <[EMAIL PROTECTED]> wrote:
> Can anyone explain to me why this works in IE 6 and Opera but not in Firefox?
>
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
>
> <html>
> <head>
>         <title>Untitled</title>
> </head>
>
>
> <style>
>         .container {
>         color: #000000;
>         font-family:tahoma, verdana, helvetica;
>         font-size: 11px;
>         background-color: #f1f1ed;
>         width:170px;
>         height: 100%;
>         border-right: buttonshadow 1px solid;
>         border-top: #f5f5f5 1px solid;
>         border-left: #f5f5f5 1px solid;
>         border-bottom: buttonshadow 1px solid;
>         padding-right : 1px;
>         padding-top : 1px;
>         padding-bottom : 1px;
> }
> ...leftMenu {
>         color:#006699;
>         text-decoration:none;
>         font-weight:bold;
> }
> ...leftMenu:hover {
>         color:#000000;
>         text-decoration:none;
>         font-weight:bold;
> }
> ...leftMenu:active {
>         color:#000000;
>         text-decoration:none;
>         font-weight:bold ;
> }
> ...Menu {
>         width: 100%;
>         height: 20px;
>
>         padding:2px 5px 3px 2px;
>         border-right: buttonshadow 1px solid;
>         border-top: #f5f5f5 1px solid;
>         border-left: #f5f5f5 1px solid;
>         border-bottom: buttonshadow 1px solid;
>
>         background-color: #D4D0C8;
>         cursor:hand;
>         color:#000000;
> }
> ...Option {
>         width: 100%;
>         height: 24px;
>         padding:2 5 3 16;
>         background-color: #f5f5f5;
>         border-top : 1px solid #ffffff;
>         border-bottom : 1px solid #ffffff;
>         border-left : 1px solid #ffffff;
>         border-right : 1px solid #ffffff;
>         cursor:hand;
> }
> ...Options {padding:1 1 1 1}
>
> ...imgPosition {
>         vertical-align: middle;
> }
> </style>
> <body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" 
> marginwidth="0" marginheight="0">
>
>
> <div class="container">
>                                 <div id="parent">
>                                         <div class="menu"></div>
>                                 </div>
>                                 </div>
> </body>
> </html>
>
>
>
> Bob
>
> 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Message: http://www.houseoffusion.com/lists.cfm/link=i:4:229391
Archives: http://www.houseoffusion.com/cf_lists/threads.cfm/4
Subscription: http://www.houseoffusion.com/lists.cfm/link=s:4
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54

Reply via email to