We help IT Professionals succeed at work.
Get Started

Subnav background color not activating on hover in IE 8

473 Views
Last Modified: 2012-05-12
Below is a link to a page on my company's web site. When on this page if you hover over "contact us" and then roll over the sub nav links the background is supposed to change color when you hover over each subnav. However in IE 8 the background highlight color will not switch to whatever subnav link i'm hovering over. It appears frozen on one. However in FF the subnav highlight works as intended. Anyway care to venture a guess as to why? Thanks.

http://www.ringsend.com/contact-us

The site was created in Joomla.
/* CSS Document */

@font-face {
	font-family: 'FuturaLTBook';
	src: url('../../ringsend-default/fonts/futuralt-book-webfont.eot');
	src: local('¿'), url('../../ringsend-default/fonts/futuralt-book-webfont.woff') format('woff'), url('../../ringsend-default/fonts/futuralt-book-webfont.ttf') format('truetype'), url('../../ringsend-default/fonts/futuralt-book-webfont.svg#webfontgl49XuSN') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FuturaLTHeavy';
	src: url('../../ringsend-default/fonts/futuralt-heavy-webfont.eot');
	src: local('¿'), url('../../ringsend-default/fonts/futuralt-heavy-webfont.woff') format('woff'), url('../../ringsend-default/fonts/futuralt-heavy-webfont.ttf') format('truetype'), url('../../ringsend-default/fonts/futuralt-heavy-webfont.svg#webfont4kHjE469') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'FuturaLTOblique';
	src: url('../../ringsend-default/fonts/futuralt-oblique-webfont.eot');
	src: local('¿'), url('../../ringsend-default/fonts/futuralt-oblique-webfont.woff') format('woff'), url('../../ringsend-default/fonts/futuralt-oblique-webfont.ttf') format('truetype'), url('../../ringsend-default/fonts/futuralt-oblique-webfont.svg#webfonti4bE9P63') format('svg');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'FuturaLTHeavyOblique';
	src: url('../../ringsend-default/fonts/futuralt-heavyoblique-webfont.eot');
	src: local('¿'), url('../../ringsend-default/fonts/futuralt-heavyoblique-webfont.woff') format('woff'), url('../../ringsend-default/fonts/futuralt-heavyoblique-webfont.ttf') format('truetype'), url('../../ringsend-default/fonts/futuralt-heavyoblique-webfont.svg#webfont4FibH1nq') format('svg');
	font-weight: normal;
	font-style: normal;
}


body {
	font-family:FuturaLTBook, "Century Gothic", AppleGothic, sans-serif;
	line-height: 1.3em;
	margin: 0;
	font-size: 12px;
	color: #000;
}
strong {
        font-family:FuturaLTHeavy;
}
a img {border:none;}
a:focus {outline:none;}
td {vertical-align:top;}
#logo-print {display:none;}
/*=========================================================================== HEADER ===========================================================================
==============================================================================================================================================================*/

#header {
	height:165px;
	line-height:12px;
	background: url(../ringsend-images/wood-header-bg.jpg) repeat-x center top;
}
#header-inner {width:948px;margin:0 auto; 	position:relative;}
#logo {float:left; margin:0 9px 0 0; width:245px; height:141px;}
#account-login {height:25px;margin-bottom:19px; width:694px; float:right}
#account-login a {
	background:url(../ringsend-images/txt-account-login.gif) no-repeat left top;
	display:block;
	float:right;
	width:135px;
	height:25px;
	text-indent:-99999px;
	margin:0 160px 0 0;
}
#google-translate {
	position:absolute;
	right:0px;
	top:3px;	
}
#google-translate select {
	background:#ccc;
	color: #000; 
	border:solid 1px #3e3e3e;
}

/*================================================== GROUP NAVIGATION ==================================================*/

#group-menu {margin:0; padding:0; list-style:none; }
#group-menu li {margin:0; padding:0; display:inline;}
#group-menu li a {
	height:11px;
	display:block;
	background-repeat:no-repeat;
	background-position:top left;
	float:left;
	text-indent:-99999px;
	margin-top:5px;
}
#group-menu li a:hover {
	background-position:bottom left;
}
#group-menu li.item249 a {background-image:url(../ringsend-images/group-navigation/1-for-homeowners.gif); width:121px;}
#group-menu li.item260 a {background-image:url(../ringsend-images/group-navigation/2-for-builders.gif); width:104px; margin-left:100px}
#group-menu li.item270 a {background-image:url(../ringsend-images/group-navigation/3-for-architects.gif); width:101px;}

/*================================================== SEARCH ==================================================*/

span.pagination span, span.pagination a {padding-right:6px;}

#header div.finder-site-search {
	float:right;
	padding-top:3px;
}
#header .finder-site-search br {
	display:none;	
}
#header .finder-site-search form#mod-finder-336 .inputbox {
	background:none;
	border:dotted 1px #978586;
	color:#e2d6c8;
	width:140px;
	
}
#header .finder-site-search form#mod-finder-336 button.button-site-search {
	background:none;
	border:dotted 1px #978586;
	color:#e2d6c8;
	cursor:pointer;
}
/*================================================== FPSS ==================================================
==========================================================================================================================*/

body #slide-wrapper #slide-outer .slide .slide-inner {position:relative;z-index:1;}

/*================================================== CONTENT ==================================================
=================================================================================================================*/
#home-content {
	width:950px;
	margin:0 auto;
}
h3 {
	color:#4b0a10;
	font-size:18px;
	text-transform:uppercase;
	font-weight:normal;
	margin:0; 
	padding:6px 0 0 0;
}
h4 {
	font-size:11px;
	text-transform:uppercase;
	color:#000000;
	letter-spacing:1px;
	font-weight:normal;
	margin:0; padding:0;
}
#top-right {
	line-height:16px;
	border-left:solid 1px #f1e5bf;	
	font-family:FuturaLTBook,"Gill Sans", "Trebuchet MS", Calibri, sans-serif;
}
#top-right .moduletable {
		
	padding:0 0 8px 6px; 
	margin-bottom:2px;
}
#top-right .moduletable_moulding-callout {
	background:url(../ringsend-images/instock-profiles.jpg) no-repeat top left;
	width:296px;
	height:99px;
	margin:6px 0 10px 6px; 
	color:#FFF;
	font-size:18px;
	line-height:23px; 
}
#top-right .moduletable_moulding-callout a {
	margin:0;
	padding:16px 0 0 15px;
	letter-spacing:1px;
	text-decoration:none;
	display:block;
	color:#FFF;
}
#top-right .moduletable_moulding-callout a:hover {
	color:#d3c498;	
}
#top-right .moduletable_moulding-callout a:hover .see-our {
	color:#fff;	
}
.moduletable_moulding-callout .see-our {
	color:#d3c498;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#top-right .moduletable_springflyer {
	margin:6px 0 0px 6px;
        padding:16px 0 0 15px;
	line-height:23px; 
        display:block;
}

	
/*================================================== E-NEWS SIGN UP ==================================================*/
.moduletable_enews-signup {
	margin:6px 0 6px 6px; 
	padding:15px 0 15px 10px;
	background:#f1e5bf;	
	border-top:dotted 1px #a29a80;
	border-bottom:dotted 1px #a29a80;
}
.moduletable_enews-signup h3 {
	color:#4b0a10;
	font-size:18px;
	line-height:18px;
	text-transform:uppercase;
	font-weight:normal;
	display:inline;
}
.enews-signup-form {
	margin-top:8px;
}
.moduletable_enews-signup form {
	display:inline;
	background:#f1e5bf;	
}
.moduletable_enews-signup #emailAddr {
	background:#f6efd9;
	border: dotted #524e41;
	border-width:1px 0;
	color:#88816c;
	width:180px;
}
.moduletable_enews-signup .btn-primary {
	background:#4b0a10;
	border: solid 1px #4b0a10;
	cursor:pointer;
	color:#fbf7d2;
	margin:0 0 0 5px;
}
/*================================================== BOTTOM ==================================================*/
#bottom-left {

	border-top:solid 1px #f1e5bf;
	background:url(../images/carousel/bg-tile.gif) repeat-y right;
}
#bottom-left-inner {
		padding:7px 7px 0 0;
	background:url(../images/carousel/bg-top.gif) no-repeat top right;	
}
#bottom-right {
	border-top:solid 1px #f1e5bf;
	border-left:solid 1px #f1e5bf;	
	font-family:FuturaLTBook,"Gill Sans", "Trebuchet MS", Calibri, sans-serif;
	color:#999;
	font-size:11px;
}
#bottom-right p {
	margin:0; padding:0;
}
#bottom-left a, #bottom-right a {
	color:#701425;
}
#bottom-right .moduletable {
	border-bottom:solid 1px #f1e5bf;
	padding:6px 0 6px 6px; 
}
#bottom-right .moduletable_no-border {
	border-bottom:none;
	padding:6px 0 6px 6px; 
}

#bottom-right .moduletable_energy-tax-credit {
	background:#4d131d;
	margin:6px 0 6px 6px; padding:0;
	line-height:27px;
}
#bottom-right .moduletable_energy-tax-credit p {
	margin:0; padding:0;
}
#bottom-right .moduletable_energy-tax-credit p a {
	border:solid 2px #09334b;
	font-size:22px;
	color:#FFF;
	text-decoration:none;
	display:block;
	padding:8px 70px 12px 10px;
	background:url(../ringsend-images/energy-tax-arrow.gif) no-repeat right bottom;
}
#bottom-right .moduletable_energy-tax-credit p a:hover {
	color:#f1e5bf;
		border:solid 2px #000;
}
#bottom-right .moduletable_energy-tax-credit p a:hover span {
	color:#fff;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #fff;
}
#bottom-right .moduletable_energy-tax-credit p a span {
	color:#f1e5bf;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:16px;
	border-top:solid 1px #f1e5bf;
	border-bottom:solid 1px #f1e5bf;
	margin:5px 0 0 12px;
	display:inline-block;
	line-height:22px;
}
/*================================================== CAROUSEL OVERRIDES ==================================================
==========================================================================================================================*/




/* tabs */
/* top */
#top-left {
	padding:0; margin:0;
}
#yoo-carousel-1 .frame {
	clear:both;
}
div.basic div.yoo-carousel div.top ul.tabs {
	height: 30px;
	background:none;
}
div.basic div.yoo-carousel div.top ul.tabs li {
	margin: 0px 3px 0px 0px;
	background:url(../ringsend-images/carousel/tab-top.gif) repeat-x top;
	padding-top:1px;
}
div.basic div.yoo-carousel div.top ul.tabs li.item3 {
	margin-right:0;
}
div.basic div.yoo-carousel div.top ul.tabs li a {
	background:url(../ringsend-images/carousel/tab-inactive-bottom.gif) repeat-x bottom #fbf8ef;
	cursor:pointer;
	width:211px;
	text-align:center;
}
div.basic div.yoo-carousel div.top ul.tabs li.selected a {
	background:#f7f0dc;
	background-image:none;
	cursor: pointer;
	border-bottom:none;
}
div.basic div.yoo-carousel div.top ul.tabs li a span {
	background:none;
	padding: 0 0 8px 0;
	height: 30px;
	width:100%;
}
div.basic div.yoo-carousel div.top ul.tabs li.selected a span {
	background:none;
}
div.basic div.yoo-carousel div.top ul.tabs li a span span {
	width:auto;
	background-image:none;
	height:auto;
	padding: 3px 0 3px 0;
	margin:8px 0 0 0;
	line-height: 14px;
	font-weight: normal;
	font-size:14px;
	overflow: hidden;
	color:#ad9c68;
	font-family:FuturaLTBook,"Gill Sans", "Trebuchet MS", Calibri, sans-serif;
	text-transform:uppercase;
	width:100%;
}
div.basic div.yoo-carousel div.top ul.tabs li.selected a span span {
	background:url(../ringsend-images/carousel/tab-active.gif) no-repeat top;
}
/* bottom */
div.basic div.yoo-carousel div.bottom ul.tabs {
	height: 30px;
	background-image:none;
	position: relative;
}
div.basic div.yoo-carousel div.bottom ul.tabs li {
	margin: -1px 3px 0px 0px;
}
div.basic div.yoo-carousel div.bottom ul.tabs li a {
	background: url(http://yhmags.com/ringsend2/modules/mod_yoo_carousel/styles/basic/images/bottom_tab_l.png) 0 0 no-repeat; 
}
div.basic div.yoo-carousel div.bottom ul.tabs li.selected a {
	background: url(http://yhmags.com/ringsend2/modules/mod_yoo_carousel/styles/basic/images/bottom_tab_l.png) 0 -30px no-repeat;
	cursor: pointer;
}
div.basic div.yoo-carousel div.bottom ul.tabs li a span {
	padding: 0px 10px 0px 10px;
	background: url(http://yhmags.com/ringsend2/modules/mod_yoo_carousel/styles/basic/images/bottom_tab_r.png) 100% 0 no-repeat;
}
div.basic div.yoo-carousel div.bottom ul.tabs li.selected a span {
	background: url(http://yhmags.com/ringsend2/modules/mod_yoo_carousel/styles/basic/images/bottom_tab_r.png) 100% -30px no-repeat; 
}
div.basic div.yoo-carousel div.bottom ul.tabs li a span span {
	height: 30px;
	padding: 0px 10px 0px 10px;
	background: url(http://yhmags.com/ringsend2/modules/mod_yoo_carousel/styles/basic/images/bottom_tab_m.png) 0 0 repeat-x;
	line-height: 30px;
	font-weight: bold;
	font-size: 110%;
	overflow: hidden;
}
div.basic div.yoo-carousel div.bottom ul.tabs li.selected a span span {
	background: url(http://yhmags.com/ringsend2/modules/mod_yoo_carousel/styles/basic/images/bottom_tab_m.png) 0 -30px repeat-x;
}
/* links */
div.basic div.yoo-carousel li a:link, div.basic div.yoo-carousel li a:visited {
	color: #969696;
	text-decoration: none;
}
div.basic div.yoo-carousel li a:hover, div.basic div.yoo-carousel li.selected a:link, div.basic div.yoo-carousel li.selected a:visited {
	color: #646464;
	text-decoration: none;
}
/* scroller */
div.basic div.yoo-carousel .panel-container {
	margin: auto;
}
div.basic div.yoo-carousel .top .panel-container-outer {
	padding: 0px 1px 1px 1px;
	border-left:none;
	border-right:none;
	border-top:none;
	background: #f7f0dc;
}

div.basic div.yoo-carousel .bottom .panel-container-outer {
	padding: 0px 1px 1px 1px;
	border-left:none;
	border-right:none;
	border-top:none;
	background: #ffffff;
}

div.basic div.yoo-carousel .panel-container-inner {
	background: none;
}
/* article */
div.basic div.yoo-carousel .article {
	padding: 10px 10px 10px 10px;
	font-size: 12px;
	line-height: 16px;
}

div.basic div.yoo-carousel .article h3 {
	padding-bottom: 0px;
	margin-bottom: 5px;
	line-height: 100%;
	font-size: 150%;
	font-weight: bold;
	color: #323232;
}
div.basic div.yoo-carousel .article a {color:#701425;}

/*==================================== CAROUSEL EVENT LIST: ZAP CALENDAR===========================================
=================================================================================================================*/

.moduletable_carousel-event-list {

}
.moduletable_carousel-event-list .zc_body table {
	width:100%;
}
#bottom-left-inner td.zc_event {
	background:url(../ringsend-images/carousel/event-arrow.gif)  left 15px no-repeat;
	padding:10px 10px 10px 30px;
	border-bottom:dotted 1px #d5cfbd;
	line-height:16px;
}
#bottom-left-inner td.zc_event .zc_cal_title {
	color:#333333; text-decoration:none;
	font-family:Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif;
	font-size:14px;	
}
#bottom-left-inner td.zc_event .zc_cal_datetime {
	color:#88816c;
	font-family:FuturaLTBook, "Century Gothic", AppleGothic, sans-serif;
	font-size:12px;	
}
#bottom-left-inner .zc_cal_description {
	color:#88816c;	
	font-size:12px;	
}
/*.moduletable_carousel-event-list a.zc_event {
	text-decoration:none;
}
div.basic div.yoo-carousel .article .moduletable_carousel-event-list a.zc_event .zc_cal_title {
	color:#333333; text-decoration:none;
	font-family:Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif;
	font-size:14px;
}
div.basic div.yoo-carousel .article .moduletable_carousel-event-list a.zc_event .zc_cal_datetime  {
	color:#88816c;
	font-family:FuturaLTBook, "Century Gothic", AppleGothic, sans-serif;
	font-size:12px;
}
.moduletable_carousel-event-list .zc_cal_description {
	color:#88816c;
	font-size:12px;
}
div.basic div.yoo-carousel .article .moduletable_carousel-event-list .zc_cal_description a { color:#88816c;}
div.basic div.yoo-carousel .article .moduletable_carousel-event-list .zc_cal_description a:hover { color:#333333;}*/

/*================================================= FOOTER ========================================================
=================================================================================================================*/

#footer {
	background:url(../ringsend-images/wood-footer-bg.jpg);
	height:156px;
	margin-top:50px;
	color:#f1e5bf;
	line-height:18px;
}
#footer .moduletable {
	width:948px;
	margin:0 auto;
	background:url(../ringsend-images/wood-footer-inner-bg.jpg) repeat-y top;
}
#footer table {background:url(../ringsend-images/footer-table-border.gif) repeat-x bottom;}
#footer table td {background:url(../ringsend-images/footer-table-border.gif) repeat-y right top;padding:10px 10px 16px 10px;vertical-align:bottom;}
#footer table td a {
	color:#f1e5bf;
	text-decoration:none;
}
#footer table td a:hover {
	color:#fff;
	text-decoration:underline;
}
#footer table td img {margin-bottom:10px;}
#footer table td.copyright, #footer table td.copyright a {background:none;color:#97757a;}
#footer table td.copyright a:hover {color:#FFFFFF;}
#footer .white-cap {text-transform:uppercase;color:#FFFFFF;}


/* Additions 07/09/11 */
.menutop .fusion-js-subs li a:hover, .menutop li.active a:hover {
    background: #F9F3E1 !important;
}


.moduletable-fpss-home #fpss-outer-container {
	border: none;
	    margin: 0;
	    padding: 0px;
	    width: 640px;
}
.moduletable-fpss-home .fpss-introtext .slidetext h1, .moduletable-fpss-home  .fpss-introtext .slidetext h1 a {
    color: #FFFFFF;
    font-family: "Palatino Linotype",Garamond,serif;
    font-size: 30px;
    font-weight: normal;
    line-height: 30px;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
.moduletable-fpss-home .fpss-introtext .slidetext h1 a:hover {
    color: #F1E5BF;
}
.moduletable-fpss-home #navi-outer {
    background: none;
    clear: both;
    color: #FFFFFF;
    height: 116px;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.moduletable-fpss-home #navi-outer ul {
	margin:8px 0 0 0;
	padding:0;
	text-align:left;
}
.moduletable-fpss-home #navi-outer li a, .moduletable-fpss-home #navi-outer li a:hover, .moduletable-fpss-home #navi-outer li a.navi-active {
    background: none repeat scroll 0 0 #404040;
    display: block;
    float: left;
    line-height: 22px;
    margin: 0 8px 0 0;
    overflow: hidden;
    padding: 0;
    text-decoration: none;
    width: 100px;
	height:102px;
}
.moduletable-fpss-home #navi-outer li a img, .moduletable-fpss-home #navi-outer li a:hover img, .moduletable-fpss-home #navi-outer li a.navi-active img {
	margin:0;
	height:102px;
}
.moduletable-fpss-home #navi-outer li.noimages {
	display:none;
}
.moduletable-fpss-home #navi-outer li a {
	border:none;
}

Open in new window

Comment
Watch Question
Top Expert 2011
Commented:
This problem has been solved!
Unlock 1 Answer and 3 Comments.
See Answer
Why Experts Exchange?

Experts Exchange always has the answer, or at the least points me in the correct direction! It is like having another employee that is extremely experienced.

Jim Murphy
Programmer at Smart IT Solutions

When asked, what has been your best career decision?

Deciding to stick with EE.

Mohamed Asif
Technical Department Head

Being involved with EE helped me to grow personally and professionally.

Carl Webster
CTP, Sr Infrastructure Consultant
Ask ANY Question

Connect with Certified Experts to gain insight and support on specific technology challenges including:

  • Troubleshooting
  • Research
  • Professional Opinions
Did You Know?

We've partnered with two important charities to provide clean water and computer science education to those who need it most. READ MORE