Kan ikke få css til at virke på menu

Hej.

Jeg har en dynamisk menu, som bliver hentet ud fra en database. Men jeg kan ikke få lov til at sætte border-bottom på, håber der er nogen der kan hjælpe

                <ul class="menuclass">
                    <li id="firstInList"><a href="/Side/58/velkommen">Velkommen</a></li><li><a href="/Side/60/produkter">Produkter</a><ul class="submenu"><li><a href="/Side/66/kom-godt-i-gang">Kom godt i gang</a></li><li><a href="/Side/70/webhotel">Webhotel</a></li></ul></li><li><a href="/Side/61/referencer">Referencer</a></li><li><a href="/Side/81/s-g-job">Søg job</a></li>
                </ul>

Og her er css filen

{
    color: #2A4CA6;
    font-family: Tahoma;
}
h1
{
    font-weight: normal;
}
h2
{
    font-size: medium;
}
#main
{
    margin: 0px auto -1px auto; /*Center*/
    width: 980px;
}
#left
{
    width: 210px;
    float: left;
}
#right
{
    width: 760px;
    float: right;
}
#header
{
    width: 100%;
    height: 110px;
}
#menu
{
    float: left;
    margin-top: 40px;
    width: 100%;
}
.menuclass
{
    margin-left: -40px;
    list-style-type: none;
    line-height: 2.5em;
}
.menuclass li
{
    /*border-bottom: 2px solid #c7c8c9;*/
}
#firstInList
{
    /*border-top: 2px solid #c7c8c9;*/
}
.submenu
{
    list-style-type: none;
    line-height: 1.5em;
    border: 0px solid Black;
}
.submenu li
{
    border: 0px solid Black;
}
#custompage
{
    background: url('../../Images/CustomPage.png') no-repeat;
    padding-left: 40px;
    padding-top: 20px;
    position: relative;
    height: 511px;
    width: 755px;
}
#footer
{
    width: 100%;
    height: 40px;
    margin-top: -20px;
}

Jeg vil gerne have bottom border på menuclass, men ikke på submenu, og skifte skrift farve