Stylesheets og javascript spørgsmål

På denne side http://www.itim-denmark.dk/test/index2.htm har jeg nu i et par  timer knoklet med at få en menu til at virke.

Topmenuen virker godt nok, men undermenuerne (2 stk) som ligger i layers kan jeg ikke komme til at adskille fra hinanden. Prøver jeg at rette i Z-indexet på den ene, så retter den anden sig automatisk. Jeg vil have den ene menu til at flugte med "What we do" og den anden til at flugte med "Who we are".

Det er i style-sheetet, der skal rettes, men jeg forstår ikke helt alt det der li ul li og ul stuff.

Desuden kunne jeg også rigtigt godt tænke mig, at der i overmenuen var lige lang afstand mellem ordene og at "Presentation of ...." stod på een linie. Hvor retter jeg det?

Nedenfor stylesheetet.

mvh
My

css-style-sheetet
__________________

                /*this is the css for the horizontal version*/
.horizontal ul{
        list-style-type: none;
        padding-left: 5px;
        display: block;
        height: 1.2em;
        }
.horizontal li{
        float: center;
        display: inline;
        width:105px;
        }
.horizontal li a{
        text-decoration: none;
        height: 1.4em;
        float: left;
        display: block;
        width: 126px;
        padding: .1em 1px;
        border-left: none;
        }
.horizontal li li a{
        border-top: none;
        }
.horizontal li ul {
    position: absolute;
    margin-top: 1.3em;
    margin-left: -1px;
    width: 126px;
    border: none;
    display: block;
    height: auto;
    left: 445px;
    top: 116px;
    z-index: 2;
        }
.horizontal li li ul{
        position: absolute;
        margin-top: .1em;
        margin-left: 125px;
        }
.horizontal li ul li a{
        width: 280px;
        }
        /*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
        /*Not sure if I recommend this or not*/
        .inaccesible li ul{
            display: none;
        }
        /*colors for menu*/
        .bluewhite li a{
            background-color: #FFFFFF;
            color: #3334a0;
            font-size:12px;
            font-family:Verdana, Arial, Helvetica, sans-serif;
            border-color: #FFFFFF;
        }
        .bluewhite li a:hover{
            background-color: #FFFFFF;
            color: #00a7ee;
            border-color: #FFFFFF;
        }
        .bluewhite ul{
            border-color: #FFFFFF;
        }