Navigaion bar looks fine on my monitor but misplaced on other monitors?

[kduan]

Hi guys I have a navigation bar where the code for the position is
position: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 :/

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;
}




#piecemaker {
	position:relative;
	left:-50px;
	top:-100px

}

[Frankie]

Your friend's computer probably has a different resolution. If so, you made a very, very basic error and will probably need to learn the basics of positioning in CSS. See my signature for a tutorial on that.