Positionierung in Firefox(3) und Opera(9.5)

[mrt]

Hi,

uU liegt es an der unterschiedlichen buttongröe der browser - das ist finde ich der fall für imagebuttons.

"Buttons" war nur eine Umschreibung, weil man da raufdrücken kann. Eigentlich ist es aber eine Liste, die mit "a"'s gefüllt ist, keine Bilder.

Hier mal das (relevante) HTML:

  
<tbody>  
    <tr class="rowWrapper">  
        <td class="anchor">  
            <a name="question1"></a>  
        </td>  
        <td class="question">1. Bin ich zu doof?:</td>  
        <td class="leftMark">totally disagree</td>  
        <td class="bar">  
            <ul class="values">  
                <li><a class="a" href="index.php?q1=1#question1"></a></li>  
                <li><a class="b" href="index.php?q1=2#question1"></a></li>  
                <li><a class="c" href="index.php?q1=3#question1"></a></li>  
                <li><a class="d" href="index.php?q1=4#question1"></a></li>  
                <li><a class="e" href="index.php?q1=5#question1"></a></li>  
                <li><a class="f" href="index.php?q1=6#question1"></a></li>  
                <li><a class="g" href="index.php?q1=7#question1"></a></li>  
                <li><a class="h" href="index.php?q1=8#question1"></a></li>  
                <li><a class="i" href="index.php?q1=9#question1"></a></li>  
                <li><a class="j" href="index.php?q1=10#question1"></a></li>  
                <li><a class="k" href="index.php?q1=11#question1"></a></li>  
            </ul>  
        </td>  
        <td class="rightMark">totally agree</td>  
    </tr>  
</tbody>  

Hier das (relevante) CSS:

  
* {  
    color:#000;  
    text-align:justify;  
    font-family:sans-serif;  
}  
table {  
    padding:0em;  
    margin:0em;  
    background-color:#EEE;  
}  
td.question, td.leftMark, td.rightMark {  
    border:0.1em #FFF;  
    padding:0em 0.5em;  
    margin:0em;  
}  
tr.even {  
    background-color:#FFF;  
    border:0em none;  
    padding:0em 0.5em;  
    margin:0em;  
}  
.bar {  
    margin:0em;  
    padding:0.1em;  
    border:0em none;  
}  
.values {  
    position:relative;  
    padding:0em;  
    margin:0.1em;  
}  
li {  
    list-style:none;  
    display:inline;  
    height:1em;  
    width:1em;  
    padding:0.1em;  
    margin:0em;  
    border:0em none;  
}  
.a {  
    background-color:#f00;  
    padding:0.1em 0.5em;  
    margin-right:0.05em;  
    border:0em none;  
}  
.b,.c,.d, ..., .k {  
 /*haben nur andre farbe als a, sonst genauso*/  
}  
.chosen {  
 background-color: #123;  
 /*border:    0em none;*/  
}  
#main {  
 border:    0.1em;  
}  

Puhh... :-) Hoffe nun ist's besser ersichtlich? Ich habe wirklich keine Idee mehr woran's liegt.