[thelist] cross browser css : 1 pixel difference

Jelle Desramaults jelle at vh-dr.com
Mon Jun 14 10:02:11 CDT 2004


List,

I've been having some trouble with my navigation on my site : 

http://www.valskin.be/businessgifts/businessgifts.html 

Works fine in ie 6, but it jumps a pixel in Mozilla and in ie 5 for mac, i've tried lots of things, maybe you guys can help me out.

the html
____________________________________________________________________________________________

 <tr>
 
  <td colspan="4" align="left" valign="top" ><a href="businessgifts.html"><img src="img/baseline.gif" width="323" height="22" border="0" alt="Valskin - boost up your image on Clothing & Premiums" align="left"></a><a href="company.html" class="nav">Company</a><a href="merken.html" class="nav">Merken</a><a href="bereikbaarheid.html" class="nav">Bereikbaar</a><a href="contact.html" class="nav">Contact</a>  <a href="http://www.valskin.be/commercialwear" class="nav_commercial">&nbsp; [ Commercial Wear ] &nbsp;</a></td>
 
 </tr>

____________________________________________________________________________________________





the CSS
____________________________________________________________________________________________


a.nav
{
background-color:#CCCCCC;
padding: 6px 5px 4px 5px;
color:#000000;
font-family:arial;
font-size:10px;
text-align:left;
width : 130px;
text-decoration : none;
text-transform: uppercase;
}

a.nav:hover
{
background-color:#000000;
padding: 6px 5px 4px 5px;
color:#00CCFF;
font-family:arial;
font-size:10px;
text-align:left;
width : 130px;
text-decoration : none;
text-transform: uppercase;
}

a.navbusy
{
background-color:#000000;
padding: 6px 5px 4px 5px;
color:#00CCFF;
font-family:arial;
font-size:10px;
text-align:left;
width : 130px;
text-decoration : none;
text-transform: uppercase;
}

____________________________________________________________________________________________



thx,

Jelle Desramaults - new  media  dev.
http://www.vh-dr.com


More information about the thelist mailing list