2 replies [Last post]
lisamg
Offline
newbie
Last seen: 11 years 47 weeks ago
Timezone: GMT+2
Joined: 2010-06-24
Posts: 2
Points: 3

This is what it looks like in IE7 and 6, http://www.easylån.no is the address.

		<div id="menu">
<ul id="nav">
<li class="page_item page-item-3"><a href="http://xn--easyln-mua.no/forbrukslan" title="Forbrukslån"><span>Forbrukslån</span></a></li>
<li class="page_item page-item-5"><a href="http://xn--easyln-mua.no/personlan" title="Personlån"><span>Personlån</span></a></li>
<li class="page_item page-item-7"><a href="http://xn--easyln-mua.no/lan-uten-sikkerhet" title="Lån uten sikkerhet"><span>Lån uten sikkerhet</span></a></li>
<li class="page_item page-item-9"><a href="http://xn--easyln-mua.no/kredittkort" title="Kredittkort"><span>Kredittkort</span></a></li>
<li class="page_item page-item-11"><a href="http://xn--easyln-mua.no/refinansiering" title="Refinansiering"><span>Refinansiering</span></a></li>
<li class="page_item page-item-13"><a href="http://xn--easyln-mua.no/boliglan" title="Boliglån"><span>Boliglån</span></a></li>
<li class="page_item page-item-15"><a href="http://xn--easyln-mua.no/motorlan" title="Motorlån"><span>Motorlån</span></a></li>
</ul>
		</div>

this is the html and below is the menu CSS

#menu {
	margin: 0px auto;
	margin-left: -20px;
	width: 100%;
	text-align: center;
}
ul#nav {
	list-style: none;
	text-align: center;
	white-space: nowrap;
	font-family: Tahoma;
	font-size: 12pt;
	margin: 20px 0 0 0;
}
#nav a, #nav a:visited {
	background: url(images/right.png) no-repeat top right;
	float:left;
	text-align: center;
	height: 35px;
	padding: 0 10px 0 10px;
	color:#112668;
	text-decoration:none;
}
#nav a:hover, #nav a:active {
	background: url(images/right_hover.png) no-repeat top right;
	height: 35px;
	float:left;
	text-align: center;
	padding: 0 10px 0 10px;
	color:#112668;
	text-decoration:none;
}
#nav .current_page_item a, #nav .current_page_parent a {
	background: url(images/right_hover.png) no-repeat top right;
	height: 35px;
	float:left;
	text-align: center;
	padding: 0 10px 0 10px;
	color:#112668;
	text-decoration:none;
}
#nav .current_page_item a span, #nav .current_page_parent a span {
	float:left;
	height: 35px;
	background: url(images/button_hover.png) no-repeat top left;
	text-decoration:none;
}
#nav a span {
	float:left;
	height: 35px;
	background: url(images/button.png) no-repeat top left;
	padding: 8px 10px 10px 20px;
	text-decoration:none;
}
#nav a:hover span, #nav a:active span {
	float:left;
	height: 35px;
	background: url(images/button_hover.png) no-repeat top left;
	text-decoration:none;
}

any way to make it work in properly in IE6 and 7?

Vade
Vade's picture
Offline
Enthusiast
Ireland
Last seen: 11 years 25 weeks ago
Ireland
Joined: 2007-08-13
Posts: 315
Points: 276

Try adding ul#nav

Try adding ul#nav li{float:left;} to your CSS and see if that helps.

lisamg
Offline
newbie
Last seen: 11 years 47 weeks ago
Timezone: GMT+2
Joined: 2010-06-24
Posts: 2
Points: 3

it was that simple,

it was that simple, huh?
well, it worked, thanks Smile