[thelist] CSS Bug?

Rob Smith rob.smith at lexjet.com
Fri Jul 7 10:47:48 CDT 2006


Can you take a look at this in your browser arsenal and see if you can
tell why the hover effect of the left nav doesn't quite reach the full
distance across? It looks fine in IE 6.0, but not in FF.

 

http://www.lexjet.com/lexjettest/About.asp

 

here's the css specifically for this element:

.top-link a { color: #000; font-size: 11px; text-decoration: none;
padding-top:10px; padding-bottom:10px; padding-left: 10px;
padding-right: 5px; background-color: #FFF; height:20px; width:147px;
font-weight:bold;} 

.top-link a:hover{ color: #000; background-color: #EEE; text-decoration:
none;  font-weight:bold;} 

.top-link1 a { color: #000; font-size: 11px; text-decoration: none;
padding-top:10px; padding-bottom:10px; padding-left: 10px;
padding-right: 5px; background-color: #E4F2FD; height:20px; width:147px;
font-weight:bold;} 

.top-link1 a:hover{ color: #000; background-color: #D7E4EC;
text-decoration: none;  font-weight:bold;} 

.top-link2 a { color: #000; font-size: 11px; text-decoration: none;
padding-top:10px; padding-bottom:10px; padding-left: 10px;
padding-right: 5px; background-color: #C5E4F9; height:20px; width:147px;
font-weight:bold;} 

.top-link2 a:hover{ color: #000; background-color: #ACD9F7;
text-decoration: none;  font-weight:bold;} 

.top-link3 a { color: #000; font-size: 11px; text-decoration: none;
padding-top:10px; padding-bottom:10px; padding-left: 10px;
padding-right: 5px; background-color: #94CEF4; height:20px; width:147px;
font-weight:bold;} 

.top-link3 a:hover{ color: #000; background-color: #6DBBEF;
text-decoration: none;  font-weight:bold;}


Rob Smith
LexJet
rob.smith at lexjet.com
http://www.lexjet.com
(800)453-9538
(941)330-1210 Int'l
(941)330-1220 Fax
1680 Fruitville Road, 3rd Floor
Sarasota, FL 34236




More information about the thelist mailing list