CSS dropdown menu - Problem med <select> box

Hej.

Har et lille problem - Jeg har lavet en CSS menu og alt virker fint dog en enkel fejl.

Hvis jeg benytter funktionen    <select  name="TEST" value="TEST"></select>

Så ligger SELECT BOXEN sig udenpå menuen i stedet for bagved.

PS: Virker fint i Firefox men ikke i E6







<!-- START - MENU SCRIPT  -->

<style>
/* Made by InduWebService.dk */
#menustyle    { font-family: arial, helvetica, verdana, tahoma; font-size: 12px; }
#menu ul    { margin: 0; padding: 0; list-style: none; }
#menu li    { float: left; position: relative; width: 75px;}
#menu li ul {position: absolute; display: block; top: 1,2em; left: 0;}
#menu li>ul {top: auto;    left: auto;}

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li { float: left; height: 1%; }
* html #menu ul li a { height: 1%; }
/* End */

#menu li:hover ul    { display: block;}
#menu li:hover>ul    { visibility:visible;}
#menu ul ul            { visibility:hidden;}       

/* Make-up syles */
#menu ul, li {margin: 0 0 0 0;}

/* Styles for Menu Items */
#menu ul a {
    display: block;
    text-decoration: none;
    color: #848284;                    /* TEXT */
    background: white;                /* IE6 Bug */
    padding: 2px;
    border: 0px solid green;}

/* Hover Styles */
#menu ul a:hover {color: green;}

/* Sub Menu Styles */
#menu li ul a {
    text-decoration: none;
    color: black;
    background: white;                /* IE6 Bug */
    border: 1px solid white;
    padding: 2px;}

/* Sub Menu Hover Styles */
#menu li ul a:hover {
    color: black;
    background: #F7F7F7;
    border: 1px solid #2965C6;}

#menu li ul a:active {
    color: black;
    background: #F7F7F7;
    border: 1px solid green;}

/* Icon Styles */
#menu li a.submenu {color: white; background-color: red;}
#menu li a.submenu:hover {color: white;}
#menu li ul a.submenu {color: white;}
#menu li ul a.submenu:hover {color: white; }
#menuborder {width: 100%; border-left: 1px solid #A5A6A5; border-right: 1px solid #A5A6A5; border-bottom: 1px solid #A5A6A5;}

</style>

<script>
startList = function() {

    //code only for IE
    if(!document.body.currentStyle) return;
    var subs = document.getElementsByName('submenu');
    for(var i=0; i<subs.length; i++) {
        var li = subs[i].parentNode;
        if(li && li.lastChild.style) {
            li.onmouseover = function() {
                this.lastChild.style.visibility = 'visible';
            }
            li.onmouseout = function() {
                this.lastChild.style.visibility = 'hidden';
            }
        }
    }
}
window.onload=startList;

</script>


<TABLE id="menustyle" width="100%" cellpadding="0" cellspacing="0" style="background-color: #4271A5;">

<TR>
    <TD>
        <div id="menu">
            <ul id="menuList">
                <li><a class="submenu" href="#" name="submenu" >Menu 1</a>
                    <ul id="menuborder" >
                      <li><a href="#">&nbsp;&nbsp;Tekst</a></li>
                      <li><a href="#">&nbsp;&nbsp;Tekst</a></li>
                      <li><a href="#">&nbsp;&nbsp;Tekst</a></li>
                      <li><a href="#">&nbsp;&nbsp;Tekst</a></li>
                      <li><a href="#">&nbsp;&nbsp;Tekst</a></li>
                      <li><a href="#">&nbsp;&nbsp;Tekst</a></li>
                      <li><a href="#">&nbsp;&nbsp;Tekst</a></li>
                      <li><a href="#">&nbsp;&nbsp;Tekst</a></li>
                      <li><a href="#">&nbsp;&nbsp;Tekst</a></li>
                      <li><a href="#">&nbsp;&nbsp;Tekst</a></li>
                      <li><a href="#">&nbsp;&nbsp;Tekst</a></li>
              </li>
            </ul>
        </div>
    </TD>
</TR>

</TABLE>

    <select style="margin-top: 17; width: 300px;" name="TEST" value="TEST"></select>
   


<!-- SLUT - MENU SCRIPT  -->