[css/html] div positioning problems

Hi there,

I have two html files (wich use css). In one html file i have a div with 1 table in the other html file i have a div too, but multiple tables… The div has a border, the markup and positioning for the looks like this:


#content {
    padding: 5px;
    padding-bottom: 15px;
    border-left: 2px solid black;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    position: absolute;
    width: 800px;
    margin-left: -400px;
    left: 50%;
    visibility: visible
}

but the positioning isnt the same. In the file with multiple tables the div is positioned a few pix more to the left than the other file. Now i would like to know why? And how do i get them positioned at the same place?

here are the files:
http://thomas.zeal-music.com/kirupa/

Any help is appreciated!