1 reply [Last post]
murphy-designs
murphy-designs's picture
Offline
newbie
Last seen: 2 years 50 weeks ago
Timezone: GMT-4
Joined: 2011-11-07
Posts: 2
Points: 4

Hi There,

I am helping a client with some CSS issues from another designer and this one is stumping me so far...

Here is a link to the page, it seems to work fine in every other browser except IE (all versions I have tested).

The url is http://new.fairwindstraining.com/

.Navigation{
font-family: 'MyriadProBoldCondensed', 'trebuchet ms', 'arial';
margin-top: -2px;
margin-left: -486px;
margin-right: auto;
left: 50%;
position: absolute;
width: 974px;
font-size: 18px;
height:89px;
} 
 
* 	{  
    margin:0;  
    padding:0  
    } 
 
#nav {
    height:41px;
	border: 0;
    }  
 
#nav ul {
	height:41px;
    }  
 
#nav li {
	float:left;
	height:41px;
    	list-style:none;
	line-height:38px;
    }
 
#subnav li {
    float:left;  
    list-style:none  
    }  
 
#nav a{
    color:#ffffff;
    text-decoration:none;  
    font-family: 'MyriadProBoldCondensed', 'trebuchet ms', 'arial';
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	padding-top: 7px;
	padding-bottom: 13px;
    }
 
#nav a:active ,
li.current_page_parent a,
li.current_page_parent a:visited,
#nav li.current_page_item a,
#nav li.current_page_item a:visited
        {
	color: #ffffff;
    background: url('images/menu_bg_hov_act.jpg') no-repeat;
	background-position: bottom;
	border: 0;
	padding-left: 10px;
	padding-right: 10px;
    }  
 
#nav a:hover
	{
	color: #ffffff;
    background: url('images/menu_bg_hov.jpg') no-repeat;
	background-position: bottom;
	border-left: 1px solid #2d4350;
	border-right: 1px solid #2d4350;
	padding-left: 9px;
	padding-right: 9px;
    }  
 
/*
#nav li:hover{
background: url('images/menu_bg_hov.jpg') repeat-x;
background-position: bottom;
height: 41px;
}
*/
 
#subnav {
    	height:41px;
	position: relative;
    }  
 
#subnav li {
	padding-top: 10px;
    }     
 
#subnav a, #subnav a:visited {
    color: #002032;  
    text-decoration: none;  
	line-height: 26px;
	font-size: 16px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-top: 10px;
    }  
 
#subnav a:hover, #subnav a:active,  
#subnav li.current_page_item a,  
#subnav li.current_page_item a:visited {
    text-decoration:none;
	color:#3b5e73;
    }

tyzoid
tyzoid's picture
Offline
newbie
Last seen: 2 years 26 weeks ago
Timezone: GMT-4
Joined: 2011-12-02
Posts: 10
Points: 11

Fixed for IE 8&9

I fixed your stylesheet for IE 8 and 9
I attached the stylesheet replacement as style.txt.

Rename that to style.css, and upload it to wordpress.

AttachmentSize
style.txt 13.22 KB