Navigation list displays wrong in internet explorer 7
Site http://tinyurl.com/4bglp4j - Joomla! CMS - has a problem in Internet Explorer 7. The navigation is display twice somehow. I mean, somehow the link blocks are shown next to the navigation itself. I think it is related to this CSS snippet from default.css:
#mainNav ul li a {
background: none repeat scroll 0 0 transparent;
color: #FFFFFF;
display: block;
float: right;
font-family: Arial,Helvetica,sans-serif;
font-size: 19px;
height: 37px;
margin-top: 5px;
padding: 2px 18px;
text-align: center;
text-decoration: none;
vertical-align: middle;
}
#mainNav ul li a:hover {
margin-top: -3px;
display: block;
background: url(../images/hover_main_nav.png) repeat-x;
vertical-align: middle;
padding top: 10px;
height: 38px
nanharbison
Can you take a screen shot so we can see what you mean. I don't have IE7.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Sorry, I meant replace "#mainNav ul li" and "#mainNav ul li a" obviously.
ASKER
I asked the owner to apply suggested solutions. Waiting for his actions at the moment. As soon as he has I will pot back.
ASKER
Closing and awarding point. Cannot wait for owner to follow up forever.
Thanks for accepting my comment.