Affichage horizontal avec css

Bonjour,

je developpe un site et tout va pour le mieux .
j'ai un soucis au niveau de l'affichage de mon site sous IE7 et IE6

mon css

.bloc8 {
   float: right;
   width: 98%;
   height : 300px;
   border-color: #bbb;
   text-align: center;
   padding: 2px;
   background-color: #fff;
	
	
}

/* Les listes lors d'affichages en mode liste */
.bloc8 ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	
}

/* Les elements des listes lors d'affichages en mode liste */
.bloc8 li {
	 display: inline-block;
    list-style: none; /* pour enlever les puces sur IE7 */
   	width: 170px;
	text-align: rigth;
	vertical-align: top;
	min-height: 150px;
	background: #CCFFCC;
	font-size:0.9em;font-family:"Trebuchet MS",Helvetica,sans-serif;color:#333;
	padding: 4px;
}

dons mon code html

<ul >
    <li><a href="#">test1</a></li>
    <li><a href="#">test2</a></li>
    <li><a href="#">test3</a></li>
    
</ul> 

sous frefox l'affichage est bonne ainsi que ie8 , ie9 .
Mais sous ie6 et ie7 l'affichage est vertical au lieu d'etre horizontal

je veux : test1 test2 test3
et non
test1
test2
test3