[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.

[Christopher]

Post by 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.

<snip>

So why send your css code to the list? Check the html in the
non-working version and compare it to the working version. THEN post
to the list, asking a SPECIFIC question. "It doesn't work" is not
enough information for anyone to help you.

A guess though: likely you've got a conditional comment in the head
which TV cannot properly select at the mapping phase. If so, insert it
using "page.headerData"



-Christopher