Некоректно отбражается менюшка в ишаке. а именно 6, 7 версии, еще точнее не отображается фоновая картинка менюшки, код:
CSS:


<style type="text/css">
#menu{
position: left;
list-style-type: none;
margin: 0;
padding: 0px 32px 0px;
font-size: 10pt;
font-family: arial;
}

#menu li{
position: relative;
width: 194px;
height: 25px;
margin: 0;
padding: 5px 0px 0px;
text-align: center;
display: inline;
float: left;
/*background:url('http://www.sferatv.net/sfera/templates/js_lightfast/images/04-2.jpg')left top;
background-repeat: no-repeat;*/
z-index: 500;
}

#menu li.left{
position: relative;
width: 192px;
height: 25px;
margin: 0;
padding: 5px 0px 0px;
text-align: center;
display: inline;
float: left;
background: url('http://sferatv.net/sfera/templates/js_lightfast/images/04-1.jpg')left top;

z-index: 500;
}

#menu li ul.submenu_left{
list-style-type: none;
margin: 12px 0px 0px;
padding: 12px 0px 0px;
text-align: center;
position: absolute;
display: none;
left: 0;
top: 5px;
}

#menu li:hover, #menu li.over{

background-position: left bottom;
}

#menu li ul.submenu{
list-style-type: none;
margin: 12px 0px 0px;
padding: 12px 0px 0px;
position: absolute;
display: none;
left: 0;
top: 5px;
text-align: left;
}

#menu li:hover ul.submenu, #menu li.over ul.submenu{
display: block;
}
#menu li.right{
position: relative;
width: 193px;
height: 25px;
margin: 0;
padding: 5px 0px 0px;
text-align: center;
display: inline;
float: left;
/*background: url('http://sferatv.net/sfera/templates/js_lightfast/images/04-3.jpg')left top;
background-repeat: no-repeat;*/
z-index: 500;
}


#menu a{
display: block;
text-decoration: none;
}



HTML:


<ul id="menu">
<li class="left"><a href="http://www.sferatv.net/">title1</a>

</li>
<li><a href="#">title2</a>
<ul class="submenu">
<li><a href="http://sferatv.net/sfera/index.php?option=com_content&view=article&id=46&Itemid=55">title3</a></li>
<li><a href="http://sferatv.net/sfera/index.php?option=com_content&view=article&id=47&Itemid=56">title4</a></li>
</ul>
</li>
<li><a href="http://sferatv.net/sfera/index.php?option=com_content&view=category&layout=blog&id=40&Itemid=67">title4</a>
<ul class="submenu">
<li><a href="http://sferatv.net/sfera/index.php?option=com_content&view=article&id=212&Itemid=68">title5</a></li>
<li><a href="http://sferatv.net/sfera/index.php?option=com_content&view=article&id=213&Itemid=69">title6</a></li>
<li><a href="http://sferatv.net/sfera/index.php?option=com_content&view=article&id=215&Itemid=70">title7</a></li>
<li><a href="http://sferatv.net/sfera/index.php?option=com_content&view=article&id=215&Itemid=70">title8</a></li>
</ul>
</li>
<li><a href="http://tv/index.php?option=com_content&view=category&layout=blog&id=38&Itemid=61">title9</a></li>
<li class="right"><a href="http://sferatv.net/sfera/index.php?option=com_content&view=article&id=57&Itemid=62">title10</a></li>
</ul>

Замени свою цсс этим и будет тебе счастье.

<style type="text/css">
#menu{
list-style-type: none;
margin: 0;
padding: 0px 32px 0px;
font-size: 10pt;
font-family: arial;
}

#menu li{
position: relative;
width: 194px;
height: 25px;
margin: 0;
padding: 5px 0px 0px;
text-align: center;
display: inline;
float: left;
background: url('http://www.sferatv.net/sfera/templates/js_lightfast/images/04-2.jpg') no-repeat left top;
z-index: 500;
}

#menu li.left{
position: relative;
width: 192px;
height: 25px;
margin: 0;
padding: 5px 0px 0px;
text-align: center;
display: inline;
float: left;
background: url('http://sferatv.net/sfera/templates/js_lightfast/images/04-1.jpg') no-repeat left top;
z-index: 500;
}

#menu li ul.submenu_left{
list-style-type: none;
margin: 12px 0px 0px;
padding: 12px 0px 0px;
text-align: center;
position: absolute;
display: none;
left: 0;
top: 5px;
}

#menu li:hover, #menu li.over{
background-position: left bottom;
}

#menu li ul.submenu{
list-style-type: none;
margin: 12px 0px 0px;
padding: 12px 0px 0px;
position: absolute;
display: none;
left: 0;
top: 5px;
text-align: left;
}

#menu li:hover ul.submenu, #menu li.over ul.submenu{
display: block;
}
#menu li.right{
position: relative;
width: 193px;
height: 25px;
margin: 0;
padding: 5px 0px 0px;
text-align: center;
display: inline;
float: left;
background: url('http://sferatv.net/sfera/templates/js_lightfast/images/04-3.jpg') no-repeat left top;
z-index: 500;
}


#menu a{
display: block;
text-decoration: none;
}
</style>

А лучше создайте файл CSS скопируй в него то что написал oskolkov и в header пропишите:
<link rel="stylesheet" type="text/CSS" href="%адрес CSS файла%" >