Navigation bar (list) isnt displaying correctly in Chrome

[patawic]

My website: http://xboxgamercard.net/ displays correctly in every browser that i have tried (firefox, IE7,IE8) but the navigation bar refuses to display correctly in chrome.

 

Instead of being a horizontal menu, its displaying vertically, which looks terrible.

 

The css for the menu is

/* template menu */
#container{padding: 1px 15px 0 15px;background:#84BF00;}
ul#simple-menu{list-style-type:none;width:100%;position:center;height:27px;font-family:"Trebuchet MS",Arial,sans-serif;font-size:13px;font-weight:bold;margin:0;padding:11px 0 0 0;float: center;}
ul#simple-menu li{margin:0 0 0 4px;height:27px;}
ul#simple-menu li.left{margin:0;}
ul#simple-menu li a{display:inline-table;color:#000;background:#fff;line-height:27px;text-decoration:none;padding:0 17px 0 18px;height:27px;}
ul#simple-menu li a.right{padding-right:19px;}
ul#simple-menu li a:hover{color:#48A100;}		

 

html for the menu is just this

<div id="container">
<ul id="simple-menu"><center><li><a href='#'>Link 1</a> <a href='#'>Link 2</a> <a href='#'>Link 3</a> </center></li></ul>
</div>

 

I have no idea how to fix it

 

Any help will be greatly appreciated

[patawic]

turns out that google chrome doesnt like inline-table. I changed to inline-block and its working fine in every browser