Проблем с меню

[Dizasterr]

Здравейте! Опитвам се да направя, така че менюто да излиза на едно и също място въпреки разликите в резолюцията. Написах този код, но като сложа мишката върху менюто то се премества нагоре и подменютата не се показват.

<script>
var sw = screen.width;
var sh = screen.height;
var w = 900;
if(sw = 1024) {
var aw = (sw - w) / 2 - 125;
var mw = (sw - w) / 2 - 185;
}
if(sw = 1280) {
var aw = (sw - w) / 2 - 275;
var mw = (sw - w) / 2 - 335;
}
$(document).ready(function() {
	document.getElementById("submenu").style.left = mw+'px'; 
	document.getElementById("submenu1").style.left = mw+'px'; 
	document.getElementById("submenu2").style.left = mw+'px'; 
	document.getElementById("submenu3").style.left = mw+'px'; 
	document.getElementById("submenu4").style.left = mw+'px'; 
});
</script>
<div id="submenu1" style="position: relative;">
<div id="subbutton"><a href="#">AA</a></div><div id="subbutton"><div id="subbutton"><a href="#">AA</a></div><div id="subbutton"><a href="#">AA</a></div><div id="subbutton"><a href="#">AA</a></div>
</div></div>

Стиловете са ми в отделен файл. Ето ги:

#submenu1 {
	width: 150px;
	height: 150px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 0px;
	display: none;
	position:absolute;
	left:233px;
	color: #FFF;
	top: 525px;
}