[CSS] link class IE probleem

[djlead]

Ik heb een menu gemaakt bovenaan een pagina in een tabel, bestaande uit alleen tekst. Via de stylesheet heb ik een hoover gemaakt die eigenlijk alleen de achtergrond kleurt. In Firefox ziet het er allemaal prima uit. Alleen als ik de pagina laad in IE dan worden de link/hoover zo breed als de cel waarin ze staan, net of deze helemaal uitgelijnt wordt.

Ik wil eigenlijk dat de link oplicht van 1 spatie voor [ tot 1 spatie na ].

Ik heb al verschillende dingen geprobeerd (div/span/p-tags) maar IE blijft de hoover veel breder maken dan nodig is. Ik kan geen postings vinden van mensen die een vergelijkbaar probleem hebben en als ik de pagina w3c-valdidate komt er op dit stuk coding ook geen foutmelding.

Doe ik iets niet goed of snapt iemand wat IE van deze coding maakt ?

Hier is de stylesheet :

code:

a.menu:link     {   background: none; 
                    color: #990033; 
                    font-size: 11px; 
                    font-family: Verdana, Arial, Helvetica, sans-serif; 
                    font-weight: bold; 
                    text-decoration: none }

a.menu:visited  {   background: none; 
                    color: #990033; 
                    font-size: 11px; 
                    font-family: Verdana, Arial, Helvetica, sans-serif; 
                    font-weight: bold; 
                    text-decoration: none }

a.menu:hover    {   background: #990033; 
                    color: #ffffff; 
                    font-size: 11px; 
                    font-family: Verdana, Arial, Helvetica, sans-serif; 
                    font-weight: bold; 
                    text-decoration: none }

a.menu:active   {   background: none; 
                    color: #990033; 
                    font-size: 11px; 
                    font-family: Verdana, Arial, Helvetica, sans-serif; 
                    font-weight: bold; 
                    text-decoration: underline }

en hier het betreffende stukje waar ik het menu op het scherm zet :

code:

<table width='100%' border='0'>
<tr><td height='20' align='center'>
<a class='menu' href='$siteurl' title='Add a download'>&nbsp;[ Add Download ] </a>

</td>
<td align='center'>
en zo voort....

[André]

Met de code die jij geeft heb ik het probleem niet, ik vermoedt dat er ergens een display:block op de link gezet wordt oid. Heb je ook een voorbeeld online staan waar het gebeurd?

[djlead]

Ik heb het probleem inmiddels opgelost. De class 'menu' bleek nog een keer in de CSS file voor te komen

[ Voor 102% gewijzigd door djlead op 18-09-2005 22:29 ]

[crisp]

djlead schreef op zondag 18 september 2005 @ 19:27:
Ik heb het probleem inmiddels opgelost. De class 'menu' bleek nog een keer in de CSS file voor te komen

Da's op zich niet een probleem, als je het maar specifiek maakt:

Cascading Stylesheet:

ul.menu { }
a.menu { }

Ik probeer vaak in CSS zo specifiek mogelijk te zijn om juist dat soort problemen te voorkomen