Need Help Wite Viewing Site In Ie

.navigation {
    background-color: #0000FF;
}
<style>

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



ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 150px;
    border-bottom: 1px solid #ccc;
    }
    
    ul li {
    position: relative;
    }
    
    li ul {
    position: absolute;
    left: 149px;
    top: 0;
    display: none;
    }

    ul li a {
    display: block;
    text-decoration: none;
    link color:#FFFFFF;
    vlink color:#F2D00D;
    color: #FFFFFF;
    FONT-SIZE: 25px;
    background: #000099;
    padding: 5px;
    border: 1px solid #ccc;
    border-bottom: 0;
    }
    
    
    li:hover ul, li.over ul {
    display: block; }
    .style7 {font-size: 24px}
.style8 {font-size: 20px}
.style9 {font-size: 22px}
li:hover ul ul, li.over ul ul { display:none; } li:hover ul, li li:hover ul, li.over ul, li li.over ul { display: block; } /* The magic *
</style>

<script type="text/javascript" src="drop_down.js">

OK, OK, so that darn IE/Win has to ruin everything and not do as it’s told. IE/Win only allows the :hover pseudo-class to be applied to a link — so the li:hover that makes the sub-menus appear means nothing to IE.

A tiny jot of JavaScript is required to kick IE back into action (line wraps marked » — Ed.):

startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
  }
  node.onmouseout=function() {
  this.className=this.className.replace»
    (" over", "");
   }
   }
  }
}
}
window.onload=startList;

ul li {
    position: relative;
    }

    ul li a {
    display: block;
    text-decoration: none;
    color: #777;
    background: #fff;
    padding: 5px;
    border: 1px solid #ccc;
    border-bottom: 0;
    }

ul li a:visited {
    color: 000#;
    background: #f0f;
    }
ul li a:hover {
    color: 000#;
    background: #f00;
    }