Because IE and Opera are incorrectly ignoring the first two periods,
while Firefox is correctly ignoring the rest of the rule? I'm not
sure that applies to selectors or just rules, but I'd guess it's for
both. Or perhaps its a case-sensitivity issue. CSS is case
sensitive, but I believe IE doesn't enforce it. Did you try removing
the extra periods or fixing the casing and see if that resolves it?
cheers,
barneyb
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:229390
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=11502.10531.4
Donations & Support: http://www.houseoffusion.com/tiny.cfm/54
