problemer med tables og css i Opera

Hej Experter,

jeg har lidt problemer med en tabel og CSS i Opera.

Jeg har en række i min tabel med 7 celler. Hver celle indeholder et linket ord (det er en menu). Uden CSS og uden at definere absolutte bredder til hver celle ville cellerne selv finde ud af hvor brede de skulle være, så hver celle's bredde bliver relativ til størrelsen/længden af linket den indeholder. Dette er præcist det jeg ønsker.

Mit problem er at jeg via CSS har forsøgt at lave en :hover funktion, hvor hele cellen skifter farve når musen holdes hen over, og altså skaber en "billig" mouse-over effekt. I kan se min CSS kode længere nede på siden.

Problemet er at jeg ikke kan få Opera til at respektere de bredder som cellerne ville have haft uden CSS. Resultatet er at én celle (nr. 2) stjæler al pladsen, mens resten bliver mast sammen så de kun lige er brede nok til deres tekst/link, i stedet for at hver celle's bredde er justeret i forhold til indholdet.

Koden fungerer fint i IE6 og FireFox (selvom jeg godt ved at dette ikke beviser at koden er rigtig ^^ ), men jeg får ovennævnte fejl i Opera7.

Nogen forslag? =)

mvh. Foxwell


--- de 3 klasser der styrer cellerne ---

.menu {
background-color: #CC0000;
margin: 0 0 0 0;
padding: 0;
border-width: 0;
border-color: #000000;
border-style: solid;
color: #ffffff;
font-size: 10px;
text-transform: uppercase;
width: auto;
padding-left: auto;
padding-right: auto;
height: 13px;
}

.menu a, a:visited{
display: block;
margin: 0;
color: #ffffff;
padding: 2;
width: auto;
padding-left: auto;
padding-right: auto;
height: 100%;
text-decoration: none;
}

.menu a:hover{
background-color: #FFFFFF;
color: #cc0000;
text-decoration: none;
width: auto;
padding-left: auto;
padding-right: auto;
height: 100%;
padding: 2;
margin: 0;
}