Question

I’ve centered a table using the following:

table{
margin-left: auto;
margin-right: auto;
}

It works great on Google Chrome but not at all on Firefox, any ideas?
Should I wrap the table in a Div and use a specific ID for it?

P.S I didn’t use -webkit- on it. If I used -webkit-, I made sure to also add -moz-

JSFiddle

Here is a link for you guys to examine:
you can see for yourself

Answer 1

CSS

Add this to your CSS file:

header
{
    float:none!important
    /* or remove float:right; in your current CSS file */
}
#nav
{
    background:none;
    float:right
}
#tb
{
    margin:0 auto;
    width:1080px;
    border-spacing:0;
    border:0;
    border-collapse:collapse
}
.clearfix:after
{
    clear:both;
    content:'.';
    display:block;
    font-size:0;
    height:0;
    line-height:0;
    visibility:hidden
}
.clearfix
{
    display:block;
    zoom:1
}

HTML

And in your HTML code change:

<nav>
    <ul id="nav">

to:

<nav class="clearfix">
    <ul id="nav" class="clearfix">