Buttons werden verkürzt angezeigt

    Hi,
    ich habe folgendes Problem und hoffe das jemand so nett ist und mir vielleicht weiterhelfen kann.
    Ich habe eine Navigationsleiste auf der linken Seite. Wenn ich ein Punkt anklicke, sollte eine UnterNavigationsleiste aufgehen. Das funktioniert auch soweit. Nur das meine Unterpunkte nicht komplett angezeigt werden. Das aber auch nur im Mozilla. Im IE ist alles ok.

    Mein Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    <html>
    <head>
    <title>CSS 2: schnelle Rollover-Menüs ohne Preload</title>
    <style type="text/css">

    * {
    margin:0px;
    padding:0px;
    }

    body {background: url("../gifs/navi_hintergrund2.jpg");}

    #navi-listen {
    list-style:none;
    margin: 0px;
    padding: 5px 25px;
    }

    #navi-listen-projekte {
    list-style:none;
    margin: 0px;
    padding: 0px 57px;
    }

    ul {
    line-height: 15px;
    }

    ul li {
    padding-bottom: 4px;
    }

    #navi_home a {
    height: 28px;
    width: 112px;
    display: table-cell;
    background: url("../gifs/navi_home1.gif") 0px 0px no-repeat;
    }
    #navi_home a:hover {
    background-position: 0px -28px;
    }

    #navi_uns a {
    height: 28px;
    width: 112px;
    display: table-cell;
    background: url("../gifs/navi_uns1.gif") 0px 0px no-repeat;
    }
    #navi_uns a:hover {
    background-position: 0px -28px;
    }

    #navi_aktuelles a {
    height: 28px;
    width: 112px;
    display: table-cell;
    background: url("../gifs/navi_aktuelles1.gif") 0px 0px no-repeat;
    }
    #navi_aktuelles a:hover {
    background-position: 0px -28px;
    }

    #navi_projekte a {
    height: 28px;
    width: 112px;
    display: table-cell;
    background: url("../gifs/navi_projekte1_b.gif") 0px 0px no-repeat;
    }

    #navi_wohnungsbau a {
    height: 28px;
    width: 80px;
    display: table-cell;
    background: url("../gifs/wohnungsbau.gif") 0px 0px no-repeat;
    }

    #navi_wohnungsbau a:hover {
    background-position: 0px -28px;
    }

    #navi_gewerbebau a {
    height: 28px;
    width: 80px;
    display: table-cell;
    background: url("../gifs/gewerbebau.gif") 0px 0px no-repeat;
    }

    #navi_gewerbebau a:hover {
    background-position: 0px -28px;
    }

    #navi_impressum a {
    height: 28px;
    width: 112px;
    display: table-cell;
    background: url("../gifs/navi_impressum1.gif") 0px 0px no-repeat;
    }
    #navi_impressum a:hover {
    background-position: 0px -28px;
    }

    #navi_anfahrt a {
    height: 28px;
    width: 112px;
    display: table-cell;
    background: url("../gifs/navi_anfahrt1.gif") 0px 0px no-repeat;
    }
    #navi_anfahrt a:hover {
    background-position: 0px -28px;
    }

    </style>
    </head>
    <body>


    <ul id="navi-listen">
    <li id="navi_home"> http://inhalt.html
    <li id="navi_uns"> http://uns.html
    <li id="navi_aktuelles"> http://a
    <li id="navi_projekte">
    [/list]

    <ul id="navi-listen-projekte">
    <li id="navi_wohnungsbau"> http://wohnungsbau.html
    <li id="navi_gewerbebau"> http://gewerbebau.html
    [/list]

    <ul id="navi-listen">
    <li id="navi_impressum"> http://impressum.html
    <li id="navi_anfahrt"> http://a
    [/list]


    </body>
    </html>


    Liebe Grüsse
    Silke