Drop down menus

I am making a site with my own theme and I have a problem with dorp down menus. I don’t see them in ie 7-9. In Safari, Firefox and Google Crome they look lovely.

Here’s the adress: https://www.jhagman.se

Please help me with this as I am getting pretty desperate and I have tried several javascript and stuff and nothing works.

Here’s the php/html:

<li <?php if(is_front_page()) { ?> class=”current_page_item”<?php } ?>>
/”>Hem
• <?php wp_list_pages(‘exclude=32&sort_column=menu_order&title_li=’); ?>

Herer’s the CSS:

/************************************************************************************
MAIN NAVIGATION
*************************************************************************************/
#main-nav {
max-width:100%;
position: relative;
width: 960px;
background-color: #C00;
/* gradient */
background: #2d2925;
background: -webkit-gradient(linear, left top, left bottom, from(#6a6a6a), to(#2d2925));
background: -moz-linear-gradient(top, #6a6a6a, #2d2925);
background: linear-gradient(-90deg, #6a6a6a, #2d2925);

/* For Internet Explorer 5.5 – 7 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6a6a6a, endColorstr=#2d2925);
/* For Internet Explorer 8 */
-ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#6a6a6a, endColorstr=#2d2925)”;

}

#main-nav ul {

float:left;

}

#main-nav li {
margin: 0;
width: auto;
list-style: none;
float: left;
position: relative;
}

#main-nav a {
color: #fff;
display: block;
text-transform: uppercase;
padding: 14px 15px;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0,0,0,.5);
font-size: .9em;
width: auto;
}
#main-nav a:hover {
color: #fff;
background: #2d2925;
/* gradient */
background: -webkit-gradient(linear, left top, left bottom, from(#6a6a6a), to(#151515));
background: -moz-linear-gradient(top, #6a6a6a, #151515);
background: linear-gradient(-90deg, #6a6a6a, #151515);
/* For Internet Explorer 5.5 – 7 */
progid:DXImageTransform.Microsoft.gradient(startColorstr=#6a6a6a, endColorstr=#151515);
/* For Internet Explorer 8 */
-ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorstr=#6a6a6a, endColorstr=#151515)”;
}

/* Drop down menu */

#main-nav ul ul
{
position: absolute;
z-index: 500;
background: #2d2925;
}

#main-nav ul ul ul
{
position: absolute;
top: 0;
left: 100%;
}

#main-nav ul ul
{
display: none;
}

#main-nav ul li:hover ul{
display: block;
}

div#main-nav ul ul,
div#main-nav ul li:hover ul ul,
div#main-nav ul ul li:hover ul ul
{display: none;}

div#main-nav ul li:hover ul,
div#main-nav ul ul li:hover ul,
div#main-nav ul ul ul li:hover ul
{display: block;}

I’ve done this before in css and html and that one workes fine. I never done it in WordPress though.

Thank you in advance!