Safari positions divs differently

[gilestodd]

Im new to web design and CSS, got a grasp on it but haven't got the know how to work out why my divs are repositioning by a large ammount of pixels from firefox to safari.

Essentially my footer, a div, a div containing a contact form and two other divs containing two parts of a comments box, input and display, are repostioned by a large ammount when viewed in safari.

Here's the css for each:

#footer2 {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:-1084px;
	left:0px;
	background-color:#CAE1FF;
	border:1px dashed #551A8B;
	width:960px;
	height:67px;
	z-index:9;
}

#contactWrapper { 
position:relative;
left:-20px;
top:-1260px;
width:300px;
height:420px;
border:1px dashed #551A8B; 
background:#CAE1FF; 
padding:30px; 
font-family:"Trebuchet MS", Helvetica, sans-serif; 
}

#commentarea {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	top:-1295px;
	left:370px;
	height:320px;
	width:200px;
	overflow:auto;
	padding:5px 5px 5px 8px;
	color:#FF8000;
	border-bottom:1px solid #FF8000;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	z-index:11;
}

#commentinput {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	max-width:150px;
	min-width:150px;
	top:-740px;
	left:340px;
	width:210px;
	padding:10px 5px 5px 5px;
	z-index:11;
	
}

Any help somone can provide would be greatly appreciated!