create a drop down menu ???

/*Drop-down menu*/


#nav, #nav ul {

    padding: 0;
    margin: 0;
    list-style: none;    
}

#nav a {
display: block;
width: 95%;
PADDING-RIGHT: 2px;
PADDING-LEFT: 2px;
PADDING-BOTTOM: 2px;
PADDING-TOP: 2px;
}

#nav A:hover 
{
COLOR: #cc0000;
text-decoration: none;
}


#nav li {
    float: right;
    width: 100%;
}

#nav li ul {
BORDER-RIGHT: #e7e7e7 0px solid;
PADDING-RIGHT: 6px;
BORDER-TOP: #e7e7e7 1px solid;
PADDING-LEFT: 0px;
BACKGROUND: url(../../images/menu_shadow.gif) no-repeat right bottom;
PADDING-BOTTOM: 5px;
MARGIN: 0px; BORDER-LEFT: #e7e7e7 1px solid;
PADDING-TOP: 0px;
BORDER-BOTTOM: #e7e7e7 0px solid;
HEIGHT: auto;
    position: absolute;
    width: 220px;
    left: -999em;    
}

#nav li:hover ul {
    left: auto;    
}

#nav li:hover 
{
    border: 1px dotted #FF6D0D;
    background-color: #FFFFB0;
    }


#nav li:hover ul, #nav li.iehover ul {
left: auto;
}

#nav LI.ieHover {
border:1px dotted #F5C41C; background-color: #FFFFB0;
    }
    
.menu
{
    background-color: #D3E2FE;
}

ieHover = function() {
    var menuElement = document.getElementById("nav").getElementsByTagName("li");
    for (var i=0; i < menuElement.length; i++) {
        menuElement.onmouseover = function() {
            this.className = 'ieHover';
        }
        menuElement.onmouseout = function() {
            this.className = '';
        }
    }
}
if (window.attachEvent) window.attachEvent('onload', ieHover);