guys I have this problem which drove me crazy :S

please check the link below:
http://www.axis-everything.com/clients/test/home.asp

on IE works fine the way i want it to be, but on FF its a mess

here is my CSS code:

.main_container {margin:0px auto 0px auto; width:1016px;}
body {background:url(../../images/background_grains_01.jpg) repeat-x;
 font-family:Arial, Helvetica, sans-serif;
 font-size:.8em;
 color:#352001;
 margin:0px 0px 0px 0px;
 }
#header {width:986px; height:120px; background:url(../../images/header_trans_back_01.png); padding:15px 15px 15px 15px; margin-bottom:8px; clear:left;}
#nav {width:303px; height:572px; background:url(../../images/nav_trans_back_01.png); padding:15px 15px 15px 15px; position:relative; float:left;}
#mid {width:303px; height:572px; background:url(../../images/mid_col_back_01.png); padding:15px 15px 15px 15px; position:relative; left:8px; float:left;}
#right {width:303px; height:572px; background:url(../../images/last_col_back_01.png); padding:15px 15px 15px 15px; position:relative; left:16px;}

Looks fine to me in Firefox, how is that a mess ?

I too can see everything working fine in firefox, where is the issue?

dude its fine in FF too