Menu rozciągnięte na cała stronę a IE 6/7


(2kmini) #1

Mam problem z górnym menu rozciągniętym na całą stronę. W "normalnych" przeglądarkach i IE >= 8 działa bez problemu, ale w IE5/6/7 ostatnia kolumna przechodzi na dół, tzn. zamiast być po prawej znajduje się po lewej pod pierwszą kolumną...

Tak wygląda cały CSS odpowiedzialny za menu:

.cssmenu{

	position:fixed;

	padding:0px;

	top:0;

	left:0;

	right:0;

	z-index:100;

	/* IE fix */ 

	*position:absolute;

	*width: 999px;

	*left: 50%;

	*margin-left: -500px;

	*top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );

}

.cssmenu ul{

	border:1px solid #000;

	border-top:0;

	background:#F5DEB3;

	height:25px;

	list-style:none;

	margin:0;

	padding:0;

}

.cssmenu li:hover{

	font-weight:bold;

}

.cssmenu li.menu{

	font-size:108.3%;

}

.cssmenu li {

	width:25%;

	float:left;

	font-size:91.7%;

}

.cssmenu li a{

	color:black;

	display:block;

	line-height:25px;

	margin:0px;

	padding:0px 25px;

	text-align:center;

}

.cssmenu li a:hover{

	text-decoration:none;

	background:#FFEFD5;

}

.cssmenu li ul{

	display:none;

	position:absolute;

}

.cssmenu li:hover ul{

	display:block;

	height:auto;

	min-width:25%;

}

.cssmenu li li{

	font-weight:normal;

	display:block;

	float:none;

	width:auto;

	/* IE5 fix*/ _margin-left:-16px; _margin-bottom:-2px;

	/* IE567 fix */ *width:249px;

	/* IE6 fix */ *mar\gin:0px;

}

.cssmenu li ul a{

	height:25px;

	margin:0px;

	padding:0px 10px 0px 15px;

	text-align:left;

}

Problematyczny fragment::

.cssmenu{

	position:fixed;

	padding:0px;

	top:0;

	left:0;

	right:0;

	z-index:100;

	/* IE fix */ 

	*position:absolute;

	*width: 999px;

	*left: 50%;

	*margin-left: -500px;

	*top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );

}

Dla IE5/6/7 dodałem na sztywno ustawiony width w hacku CSS, bo tylko w ten sposób menu się nie "rozjeżdża". Ma ktoś może jakiś pomysł, by w starszych IE menu wyświetlane było tak, jak trzeba, tzn. rozciągnięte na całą szerokość strony?

Z góry dzięki za pomoc.

PS Chodzi o menu na tej stronie: http://tw86.zxq.net/