Помогите с CSS

Есть html файл. В нем подключается css:

<link href="/css/style.css" rel="stylesheet" type="text/css" />

<!--[if lt IE 9]>

	<script src="/js/html5.js"></script>

<![endif]-->

</head>

Далее в теле вызывается пагинатор:

<div id='top-paginator' class='pagination'><ul><li><a href="page1.htm"><img src='/pictures/page_last.png'></a></li><li><a href="page1.htm"><font color='red'>1</font></a></li><li><a href="page2.htm">2</a></li><li><a href="page3.htm">3</a></li><li><a href="page4.htm">4</a></li><li><a href="page5.htm">5</a></li><li><a href="page6.htm">6</a></li><li><a href="page7.htm">7</a></li><li><a href="page8.htm">8</a></li><li><a href="page9.htm">9</a></li><li><a href="page2.htm"><img src='/pictures/page_next.png'></a></li></ul></div>

И вот проблема в том, что FF, Chrome пагинатор показывают горизонтально, только IE выводит его вертикально. Я уже весь мозг сломал. Помогите разобраться почему так.

Код пагинатора.

	.pagination {

		width: 100%;

		float: left;

		text-align: center;

		margin: 20px 0 40px;}

		.pagination b{

			color: #434343;

			font-size: 18px;}

		.pagination ul{

			margin: 0;

			padding: 0;

			display: inline-block;}

			.pagination ul li{

				margin: 0 5px;

				padding: 0;

				list-style: none;

				display: inline-block;

				font-weight: bold;

				color: #434343;}

				.pagination ul li a{

					width: 33px;

					height: 24px;

					text-align: center;

					display: inline-block;

					background: url(../pictures/paagination.gif) repeat-x #fdfdfd;

					border: 1px solid #d0d0d0;

					padding-top: 9px;

					color: #434343;

					text-decoration: none;

					border-radius: 5px;

					-moz-border-radius: 5px;

					-webkit-border-radius: 5px;

					-khtml-border-radius: 5px;

					behavior: url(PIE.htc);}

					.pagination ul li a:hover{

						color: #1774BF;}

				.pagination ul li.next a,

				.pagination ul li.back a{

					width: 98px;}

				.pagination ul li.active{

					width: 33px;

					height: 24px;

					text-align: center;

					display: inline-block;

					background: url(../pictures/paagination.gif) repeat-x #fdfdfd;

					border: 1px solid #d0d0d0;

					padding-top: 9px;

					color: #d1d1d1;

					text-decoration: none;

					border-radius: 5px;

					-moz-border-radius: 5px;

					-webkit-border-radius: 5px;

					-khtml-border-radius: 5px;

					behavior: url(PIE.htc);}