CSS Problem

Hej

Jeg bruger:
#top2 {
    width: 655px;
    height: 14px;
    background-color: #E1E1E1;
    text-align: left;
}
a.menupunkt {
    display: table-cell;
    width: 100px;
    height: 14px;
    background-color: #E1E1E1;
    font-family: arial;
    font-size: 10px;
    text-align: center;
}
a.menupunkt:hover {
    display: table-cell;
    width: 100px;
    height: 14px;
    background-color: #3D3D3D;
    color: #FFFFFF;
    font-family: arial;
    font-size: 10px;
    text-align: center;
}

HTML koden ser således ud:
    <div id="top2">
        <a href="#" class="menupunkt">Link</a>
        <a href="#" class="menupunkt">Link</a>
        <a href="#" class="menupunkt">Link</a>
        <a href="#" class="menupunkt">Link</a>
        <a href="#" class="menupunkt">Link</a>
    </div>

Den viser det korrekt i Firefox, men Internet Explorer halter og viser ikke den fulde bredde.

Hvordan kan det løses?

Langfinger