Hi Guys
I have been looking for an answer to this problem I am having with IE not displaying menu’s properly.
I have been upgrading a template for a friend to a joomla 1.5 from a joomla 1.0 template
The original site can be viewed here http://www.wemoosh.com.au
The Development site which I have almost completed can be seen here
http://www.mynethost.com.au/dev
As you can see there is an issue with the way the menu’s line up in IE looks fine in Firefox.
The menu code is below if anyone can help out it would be greatly appreciated
Thanks
Jamie
/* Menu J1.5 new menu */
/* level 1 or Top Level*/
div.moduletable_menu {
text-align: left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
/*border-right: 10px solid #393939;*/
/*padding: 0 0 0 5px;*/
}
div.moduletable_ul.menu {
background-color: #F5F5F5;
list-style: none;
}
div.moduletable_menu li a
{
height: 1.5em;
line-height: 1.5em;
display: block;
border: 0.1em solid #dcdce9;
text-decoration: none;
text-align: left;
}
div.moduletable_menu a{
display: block;
}
div.moduletable_menu a:hover{
background-color: #D6D6D6;
display: block;
}
/* end of Level 1 */
/* Level 2 Grey */
div.moduletable_menu ul {
text-indent: 3px;
background-color: transparent;
list-style: none;
padding: 0px;
}
div.moduletable_menu ul a{
background-color: #F6F6F6;
display: block;
text-indent: 1em;
}
/* End of Level 2 */
/* Level 3 Black yellow*/
.menu ul ul {
list-style: none;
background-color: transparent;
}
/* */
div.moduletable_menu ul ul a {
background-color: transparent;
display: block;
text-align: left;
text-indent: 2em;
}
/* */
div.moduletable_menu ul li ul li a:hover{
background-color: #transparent;
}
/* End of Level 3 */
/* Current highlighted link Icon Arrow */
#current li {
margin: 0px;
padding: 0px;
}
#current {
/* list-style: disc url(../images/mw_readon.png);*/
/* image issue with the rollover need to be add to others href link */
}
/* */
/* Legacy
Mainlevel menu */
.mainlevel {}
a.mainlevel {}
a.mainlevel:hover {}
/* End Mainlevel menu */
/* Sub Menu */
.sublevel{}
a.sublevel{}
a.sublevel:hover {}
/* End Legacy Sub Menu */
div.moduletable_menu
h3{
/*title*/
FONT-SIZE: 14px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
text-align:left;
background-image: url(../images/menubar.gif);
}