[TYPO3] IE Hack In Templavoila

[Debajit]

 hi list,
i found a problem-
the sfhover is not working in templavoila, where it works fine in 
classic page module.So, dropdown menu(on hover)  is not working.
i am sending the code along with it .Can anyone send me a solution or a 
plugin .Thanks in advance.

Code ::

#nav {
   float: left;
   /*width: 603px;     width of top menu bar */
   list-style: none;
   padding: 0;
   margin: 0;
   BACKGROUND: #f30101; /*#115189;*/
}

#nav ul {
   float:none;
   list-style: none;
   padding: 0;
   margin: 0;
}


#nav li {
   float: left;
/*    padding: 0;*/
   padding: 3px 12px 0 12px;
   background:#f30101;
}

#nav li ul {
   position: absolute;
   margin:0;
   left: -999em;
   height: auto;
   width: 150px;
   background: #f30101;
   padding: 6px 0 0 0;   }

#nav li ul ul {
   margin: -23px 0px 0px 233px;  /* postion of 2nd level menu w.r.t. 1st 
level menu */
   background: #FFFFFF;     /* colour of spacing between 1st and 2nd 
level menu */
   padding: 0 0 0 1px;       /* vertical spacing between 1st and 2nd 
level menu */
}

#nav li>a {
   /* HEIGHT of top menubar = height + padding */
   text-align: center;
   display:run-in; /*:inline;*/
   padding:0;
   margin:0;
}

#nav li li a {
   /* HEIGHT of 1st and onward level menu items = height + padding */
   height: auto;
   text-align: left;
   width:230px;
   padding: 5px 0 5px 5px;
   background: #f30101;
   display:block;
}

#nav li li {
   height: auto;
   background:#FFFFFF;
   padding: 1px 0 0 0;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav 
li.sfhover ul ul ul {
   left: -999em;
}

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

li#line {
/*    background: #115189; */
   background: #FF0000;
   /*height: 22px;*/
   padding:0 0 0 0;
   margin:0;
   color: #FFFFFF;
   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
   FONT-SIZE: 11px;
}


#nav a {
   display: block;
   color: #FFFFFF;        /* color of links in menu items and menu bar */
   background: #f30101;    /* background color of links in menu items 
and menu bar */
   FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
   FONT-SIZE: 11px;
   font-weight: bold;
   TEXT-DECORATION: none;
}

#nav A:hover {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
   COLOR: #000000;
   font-weight: bold;
}

Thanks in Advance.
cheers
debajit.