benny: Problem margin auf anchor in Liste im FF

Beitrag lesen

Hallo,

ich habe eine Liste in der ich die Anchors innerhalb der Listenpunkte positionieren möchte. Dies klappt allerdings nur im IE. Der Firefox will unbedingt einen Border um das LI haben, damit das Anchor das margin-top berücksichtigt. Wie bringe ich dem Firefox bei, das margin-top zu machen, ohne einen Border setzen zu müssen?

Code:
<ul style="background: #0000ff;">
    <li style="background: #ff9900; height: 50px; border: 1px solid #fff;">
        <a style="background: #ff0000; margin-top: 5px; height: 30px; display: block;" href="#">Test 1</a>
    </li>
    <li style="background: #ff9900; height: 50px;">
        <a style="background: #ff0000; margin-top: 5px; height: 30px; display: block;" href="#">Test 1</a>
    </li>
    <li style="background: #ff9900; height: 50px;"><a href="#">Test 1</a></li>
    <li style="background: #ff9900; height: 50px;"><a href="#">Test 1</a></li>
</ul>