Reply LinkBack Thread Tools Search this Thread
Old 04-02-2007, 17:35   #1 (permalink)
dougmays
Registered User
 
Join Date: Oct 2006
Location: Ft. Lauderdale, FL.
Posts: 90
Send a message via AIM to dougmays
Simple hover lists not working in FX

can anyone tell me why this isn't working in firefox but it is working in IE, the height doesn't seem to be working in firefox

.nav{width:100%; height:30px; text-align:center; background-color:#FF3300; color:white;}
.nav ul{list-style:none;}
.nav li{padding:auto; display:inline;}
.nav a{width:100px; height:30px; padding:3px; border:1px solid black; background-color:#FF3300; color:white;}
.nav a:hover{background-color:blue;}

------------

<div class="nav">
<ul>
<li><a href=#>test</a></li>
</ul>
</div>

Last edited by dougmays : 04-02-2007 at 17:47.
  Reply With Quote
Old 04-02-2007, 19:15   #2 (permalink)
davebowker
davebowker.com
 
davebowker's Avatar
 
Join Date: Jan 2007
Location: Manchester
Posts: 32
Send a message via MSN to davebowker Send a message via Skype™ to davebowker
put min-height:whatever;

should fix it for firefox as ie doesnt recognise min/max
  Reply With Quote
Old 04-02-2007, 19:16   #3 (permalink)
Spooky
Senior Member
 
Join Date: Mar 2006
Posts: 205
If I remember correctly, don't use height, use line-height.
  Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search


Contact Us - Web Design Forums - Archive - Top
Search Engine Optimization by vBSEO 3.0.0 RC8