kdallstar

Hi guys I have a navigation bar where the code for the position isposition:absolute; left:350px; top:400px;On my computer it looks fine and where I wanted it to be. But on my friends computer it's skewed all the way to the right. So what am I doing wrong? I'm fairly new to CSS and only learned through some online reading so sorry for the beginners question :/

@font-face {	    font-family: 'Limelight';	    src:url(../fonts/Limelight.eot);	    src:local(Limelight), url('../fonts/Limelight.ttf') format('opentype');}	  body {	    background:url(../images/bg.png);	    margin: 0;	    padding:0;}#logo {	    background:url(../images/header.png) no-repeat;	    background-position:50% 0%;	    width:100%;	    display:table;	  	  }#content {	    width: 900px;	    margin: 450px auto 0;	    background: white;	    border: solid 1px #CCC;	    padding: 20px 20px 0px 20px;}#header {	    position:absolute;	    left:350px;	    top:400px;	    list-style:none;}#header li {	    display:inline;	    padding:0px 32px 0px 0px;}#header ul li a {	    font-family:'Limelight';	    color:#FFF;	    font-size:30px;	    text-decoration:none;}#header li a:visited {	    display:inline;	    font-family:'Limelight';	    color:#FFF;	    font-size:30px;}

Hey guys this is my first site that I created : http://wheatleyspacelab.com/. It is supposed to be a fan site for the character Wheatley from Portal 2. I just want to know which areas i could improve and which areas I did well. Two problems that I have already noted, one the homepage the 3 boxes on the bottom have horrible text and I need to update the images on one of the slideshows. I haven't gotten around to making some of the other pages but before I do I want to know if my overall idea is good. Thanks