[Solved] Trying to create some tabs, IE is not displaying properly

I am trying to create some tabs, and i can't get then to display properly in IE. I saw a few tutorials on how to do that, and realized that there's not much to it, so i wrote it from scratch.
I have two problems:
1. The tabs are not centered on the page. I want them to always appear in the middle.
2. In IE they don't even show up as tabs.

I am posting my code below. I cleaned it up as much as i can to make it more readable, but there's going to be some background images in there.

Tabs Demo

*
{
padding:0px;
margin:0px;
}
html
{
height:100%;
}
body
{
height:100%;
padding:0px 21px 0px 21px;
}
#tabNav
{
width:100%;
display:block;
list-style:none;
text-align:center;
}
#tabNav li
{
display:table-cell;
width:6em;
padding-left:8px;
position:relative;
border:1px solid black;
border-bottom:0px;
}

#tabNav li a
{
display:block;
height:2.5em;
text-align:center;
padding:0px 8px 0px 0px;
}

#tabNav li:hover
{
background-color:#feeeff;
}

• Tab 1


• Tab 2


• Tab 3


• Tab 4


• Tab 5