• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 334
  • Last Modified:

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

Open in new window

No idea yet how though. Any ideas?
0
rhandalthor
Asked:
rhandalthor
  • 3
  • 2
1 Solution
 
nanharbisonCommented:
Can you take a screen shot so we can see what you mean. I don't have IE7.
0
 
ZadoCommented:
Try to replace "#mainNav ul li a" and "#mainNav ul li a:hover" properties with this:
#mainNav ul li{
	float:right;
	border-left:1px solid #8a8a8a;
	margin-top:5px;
	height:37px;
	vertical-align:middle;
}
#mainNav ul li a{
	color:#FFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:19px;
	float:right;
	text-decoration:none;
	padding:2px 18px;
	text-align:center;
	margin-top:5px
}

Open in new window

0
 
ZadoCommented:
Sorry, I meant replace "#mainNav ul li" and "#mainNav ul li a" obviously.
0
Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

 
rhandalthorAuthor Commented:
I asked the owner to apply suggested solutions. Waiting for his actions at the moment. As soon as he has I will pot back.
0
 
rhandalthorAuthor Commented:
Closing and awarding point. Cannot wait for owner to follow up forever.
0
 
ZadoCommented:
Thanks for accepting my comment.
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now