OnMouseOver menu rykker sig i FF

Hej.

Jeg har fundet et script på nettet så når man holder musen over et billede i min menu, så kommer der en MouseOver-menu ned.
Det fungerer som det skal.

Normalt bruger jeg Chrome, men jeg tester siden i andre browsere for gøre så de ser hvad de skal.

I Chrome fungerer nedenstående perfekt, men i Firefox er billede 2 millimeter ovenover de andre.

Der står ca 8 billede-menu-knapper på en vandret linje, og det kun 2 der skal have en MouseOver, så det ser dumt ud hvis de 2 lige er 2 millimeter over de andre.

Her er koden:

        <script>

var timeout    = 100;
var closetimer    = 0;
var ddmenuitem    = 0;

function mopen(id)
{   
    mcancelclosetime();

    if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

    ddmenuitem = document.getElementById(id);
    ddmenuitem.style.visibility = 'visible';

}
function mclose()
{
    if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

function mclosetime()
{
    closetimer = window.setTimeout(mclose, timeout);
}

function mcancelclosetime()
{
    if(closetimer)
    {
        window.clearTimeout(closetimer);
        closetimer = null;
    }
}

document.onclick = mclose;
          </script>

<style>

#sddm
{    margin: 0;
    padding: 0;
    z-index: 0;}

#sddm li
{    margin: 0;
    padding: 0;
    list-style: none;
    font: bold 0px arial}

#sddm li a
{    display: block;
    padding: 0px 0px;
    width: 0px;
    color: #FFF;
    text-align: center;
    text-decoration: none}


#sddm div
{    position: absolute;
    visibility: hidden;
    margin: 0;
    padding: 0;
    background: #EAEBD8;
    border: 1px solid #5970B2}

    #sddm div a
    {    position: relative;
        display: block;
        margin: 0;
        padding: 5px 10px;
        width: auto;
        white-space: nowrap;
        text-align: left;
        text-decoration: none;
        background: #EAEBD8;
        color: #2875DE;
        font: 11px arial}

    #sddm div a:hover
    {    background: #49A3FF;
        color: #FFF}
       
          </style>


        <ul id="sddm">
<a href="#"
        onmouseover="mopen('m1')"
        onmouseout="mclosetime()">
       
       
       
                    <IMG SRC="images/index_07.png" WIDTH=90 HEIGHT=34 border="0">
                            </a>
        <div id="m1"
            onmouseover="mcancelclosetime()"
            onmouseout="mclosetime()">
        <a href="#">1</a>
        <a href="#">2</a>
        <a href="#">3</a>
        <a href="#">4</a>
        </div>  </ul>