IE9 Navigation Menu Not Working

[blondy269]

I recently 'made' a website (based on a template, not made from scratch). Everything seems to be working fine in all browsers, and also in IE7 and IE8, but the main navigation menu isn't working in IE9, and I can't figure out why.

This is how it looks in everything except IE9:


This is how it looks in IE9:


The CSS code for the menu is:

.menu ul {
	margin:0
}
.menu {
	position:absolute;
	top:0;
	z-index:90;
	left:205px;
}
.menu li {
	background:none;
	padding:0;
	float:left;
	text-align:center;
	padding:0 2px 0 0;
	list-style:none;
	margin-bottom:16px;
	line-height:1
}
.menu li a {
	display:block;
	font-size:16px;
	text-decoration:none;
	position:relative;
	color:#fff;
	height:42px;
	padding:80px 10px 0;
	float:left
}
.menu li a:hover {
	background:url(images/menu_bg.gif) repeat-x 0% 0%;
}
.menu li a.active {

	background:url(images/menu_bg.gif) repeat-x 0% 0%;
}

Any suggestions on how I can get this working in IE9 would be greatly appreciated.

[blondy269]

Anyone got any ideas or suggestions?

[chrishirst]

Cannot "debug" pictures, and CSS code is of no use without the HTML it is applied to, thirdly the HTML will be of no use without the images.

So all in all, just give us a URI where it can be seen in situ.