Although I resolved this problem yesterday, it appears that there are some incompatibility in the solution between different browser FF OK, IE OK, GC & AS not OK…
I changed the code of the thread in order to have fixed menu position (in red what I added):
http://www.joomlart.com/forums/topic/sub-right-header-menu-and-topmenu-have-the-same-control/
/* Topnav --*/
#ja-topnav {
text-align: right;
font-size: 100%; font-weight: bold;
overflow: hidden;
position:absolute; top:20px;
float: center;
margin-left: -10px;
}
#ja-topnav ul {
float: left;
margin-left: -9px;
}
#ja-topnav li {
display: inline;
background: url(../images/grey_border.gif) no-repeat 100% 3px;
padding: 0 20px 0 20px;
float: right
}
#ja-topnav li a {
border-bottom: 1px solid #eee;
color: #3f3f3f;
}
#ja-topnav li a:hover, .ja-topnav li a:active, .ja-topnav li a:focus {
color: #3ea3d2;
border-bottom: 1px solid #3ea3d2;
}
#ja-topnav .last {
background: none;
padding: 0 0 0 5px;
}
#ja-topnav .last a {
border-bottom: none;
float: left;
}
#ja-topnav .last a:hover,
#ja-topnav .last a:active,
#ja-topnav .last a:focus { border-bottom: none; }
However, I have now the menu in 2 lines except in IE (8) it is in 1 line….
http://www.aratypo.net/joomla [1.72]
How to fix this issue and to get the 2 menus in 1 line as in IE?
Thanking you in advance…
Ara