Get the same look in IE

[Vswe]

When I browse my site in Internet Explorer it look different then with Google Chrome and Fire Fox.

Here's all the styles:

ul.Top {

    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    list-style: none;
}







:focus { outline: 0; }

body { line-height: 1; }



table {
    border-collapse: separate;
    border-spacing: 0;


}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }




html {
    font: normal 62.5%/1 "Trebuchet MS", arial, sans-serif;
    padding: 0px;
    color: #2Eb3192;
    height: 100%;
}




a, a:visited { 
    text-decoration: none; 
     color: #2Eb3192;   
}

blockquote {
    padding: 5px 80px 8px 20px;
    line-height: 1.5em;
}

a:hover { text-decoration: underline; }
a.active { color: #2Eb3192; }


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}



.center17
{



    width: 17cm;
    margin: 0cm 0cm 0cm 3cm;



}



.bluebar_minimal {


    background-color: #0054A6;
    margin: 10px 0;
    clear: both;
    padding: 7px 0 6px;
}

.bluebar_minimal h2 {
    float: left;
    color: #fff;
    font-size: 2.2em;
    padding: 1px 0 1px 0;
    font-weight: normal
}












.bluebar_minimal 
{ 
padding: 0; 
width: 700;
}

#menuitem_navigation { float: left; }

#menuitem_navigation li#menuitem1,
#menuitem_navigation li#menuitem2,
#menuitem_navigation li#menuitem3,
#menuitem_navigation li#menuitem4,
#menuitem_navigation li#menuitem5 {


    float: left;
    color: #fff;
    font-size: 1.5em;
    line-height: 1.6em;
    border-bottom: 2px solid #555;
    padding: 3px 24px 0 3px;
    margin: 0 15px 0 0;

    height: 29px;
    position: relative;
    z-index: 10;
}



#menuitem_navigation li#menuitem2,
#menuitem_navigation li#menuitem3{

    background: transparent url(http://vswe.codecall.net/DropDownArrow.png) no-repeat 98% 49%; 
}


#menuitem_navigation li#menuitem5{

    background: transparent url(http://vswe.codecall.net/DropDownArrowCC.png) no-repeat 98% 49%; 
}

#menuitem_navigation li#menuitem1:hover,
#menuitem_navigation li#menuitem2:hover,
#menuitem_navigation li#menuitem3:hover,
#menuitem_navigation li#menuitem4:hover,
#menuitem_navigation li#menuitem5:hover {

    border-bottom: 2px solid #badf74;
    cursor: pointer;
}

#menuitem_navigation li a, #menuitem_navigation li a:visited {
    color: #fff;
    font-size: 1.6em;
    display: block;
    height: 32px;
}

#menuitem_navigation li a.top_level,
#menuitem_navigation li a.top_level:visited {
    display: inline;
    font-size: 1em;



}

#menuitem_navigation li a:hover { 
    text-decoration: none;
}

#menuitem_navigation li ul { display: none; }

#menuitem_navigation li:hover ul {
    display: block; 
    position: absolute;
    top: 34px;
    left: 0;
    background-color: #00AEEF;
    width: 160px;
}

#menuitem_navigation li#menuitem5:hover ul {
    background-color: #8f8f83;
}

#menuitem_navigation li:hover ul li {
    margin: 0;
    padding: 0;
    height: auto;
}

#menuitem_navigation li:hover ul li a,
#menuitem_navigation li:hover ul li a:visited {
    font-size: 12px;
    line-height: 14px;
    padding: 8px 0 8px 10px;
    display: block;
    width: 150px;
    height: auto;
}

#menuitem_navigation li:hover ul li a,
#menuitem_navigation li:hover ul li a:visited {
    font-weight: bold;
}

#menuitem_navigation li:hover ul li a:hover {
    background-color: #0054A6;
}

#menuitem_navigation li#menuitem5:hover ul li a:hover {
    background-color: #979788;
}

An here's the HTML:

<div class="clearfix bluebar_minimal">
    <div class="center17">
        <ul class="Top" id="menuitem_navigation" name="menuitem_navigation">
            <li id="menuitem1" name="menuitem1"> 
                    <a class="top_level" href="http://vswe.codecall.net/" title="Home Page">Home</a> 
                 </li> 
                <li id="menuitem2" name="menuitem2"> 
                    <a class="top_level" href="http://vswe.codecall.net/Programs/"Information" title="Programs">Programs</a> 
                    <ul class="Top"> 
                        <li><a href="http://vswe.codecall.net/Programs/Vswe Program Manager/" title="Vswe Program Manager Information">Vswe Program Manager</a></li> 
                        <li><a href="http://vswe.codecall.net/Programs/Calcylator" title="Calcylator Information">Calcylator</a></li> 
                        <li><a href="http://vswe.codecall.net/Programs/AutoStart" title="AutoStart Information">AutoStart</a></li> 
                        <li><a href="http://vswe.codecall.net/Programs/DeskTop Cleaner" title="DeskTop Cleaner Information">DeskTop Cleaner</a></li>
                        <li><a href="http://vswe.codecall.net/Programs/Egg timer" title="Egg timer Information">Egg timer</a></li> 
                    </ul> 
                </li> 
                <li id="menuitem3" name="menuitem3"> 
                   <a class="top_level" href="http://vswe.codecall.net/Downloads/" title="Download">Downloads</a> 
                    <ul class="Top"> 
                        <li><a href="http://vswe.codecall.net/Downloads/Vswe%20Program%20Manager/" title="Download Vswe Program Manager">Vswe Program Manager</a></li> 
                        <li><a href="http://vswe.codecall.net/Downloads/Calcylator/" title="Download Calcylator">Calcylator</a></li> 
                        <li><a href="http://vswe.codecall.net/Downloads/AutoStart/" title="Download AutoStart">AutoStart</a></li> 
                        <li><a href="http://vswe.codecall.net/Downloads/DeskTop Cleaner/" title="Download DeskTop Cleaner">DeskTop Cleaner</a></li> 
                        <li><a href="http://vswe.codecall.net/Downloads/Egg timer/" title="Download Egg timer">Egg timer</a></li> 
                    </ul> 
                </li> 
                <li id="menuitem4" name="menuitem4"> 
					<a class="top_level" href="http://vswe.codecall.net/Contact/" title="Get Contact">Contact</a> 
                </li> 
                <li id="menuitem5" name="menuitem5"> 
                   <a class="top_level" href="http://www.codecall.net/" title="Code Call">Code Call</a> 
                    <ul class="Top"> 
                        <li><a href="http://www.codecall.net/" title="Home Page">Home</a></li> 
                        <li><a href="http://forum.codecall.net/" title="CC Forum">Forum</a></li> 
                        <li><a href="http://blog.codecall.net/" title="Blogs">Blog</a></li> 
                        <li><a href="http://www.codecall.net/component/ionfiles/" title="Download Page">Downloads</a></li> 
                        <li><a href="http://wiki.codecall.net/" title="Code Call Wiki">Wiki</a></li> 
                        <li><a href="http://forum.codecall.net/tutorials/" title="CC Tutorials">Tutorials</a></li> 
                        <li><a href="http://www.codecall.net/resources.html" title="Resources">Resources</a></li> 
                        <li><a href="http://freelance.codecall.net/" title="Freelance at CC">Hire a Programmer</a></li> 
                    </ul> 
                </li> 
            </ul> 
     </div> 
</div>

In Chrome and Fire Fox it looks like this:








But in IE the menu don't show up:





Can someone help me to get it work in IE too?

OBSERVE that the html and css is only for the menu not the text below it.

Thanks for your time.

[Jordan]

Which version of IE are you testing with?

For some reason I can no longer load any website with IE8.

[Vswe]

I "use" IE7

[xXHalfSliceXx]

I Dont use IE... Makes my CSS hurt.

[Vswe]

I don't use it either, but I want it to work for the people who use it.

[WingedPanther]

I downloaded IE7 standalone, and multi-ie yesterday, which seem to work pretty well. You have to install IE8 first, then you can install ie7 standalone, then multi-ie. Unfortunately, some people are still using IE6 to view our product