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:229384
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
