problema visualizzazione box div

[techno]

salve ho questo script:

body {
	margin: 0px;
	padding: 0px;
	width:100%;
	background-color: #FFF;
	width:100%;
	background-attachment: fixed;
	background-image: url(../images/document/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#content{
	position:absolute;
	background:url(../images/document/home_presentazione.jpg) center center no-repeat;
	width:831px;
	height:600px;
	border: #6FF solid 2px;
	top:50%;
	left:50%;
	margin-top:-300px;
	margin-left:-415px;
}
#contentflags{
	position:relative;
	float:right;
	margin-right:75px;
	top:50%;
	margin-top:-225px;
}
#salute{
	position:relative;
	float:left;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:30px;
	color:#0F0;
	text-align:center;
	text-shadow:#FF0 0px 0px 5px;
	margin-left:15px;
	top:50%;
	margin-top:-60px;
}
...
<div id="salute"></div>

<div id="content"></div>

<div id="contentflags"></div>

Il proble e che con safari e chrome mi visualizza bene i due box laterali "salute" e "contentflags" vengono visulaizzati al cento verticalmente, mentre per IE e firefo no si vede solo la metà dei 2 box e come se il top lo mandasse a -60

[ResianTaxidrive]

ma tu cosa vuoi fare esattamente?