HTML kod problemi

JavaScript ile yapılmış bir Açılır menü'm var. 3 farklı bölümün 2 tanesinde hiç bir problem yokken bi bölümünde çözünürlük değiştiğinde açılan menünün yeri değişiyor. sol'dan yer ayarlarına 1024x768 'e göre yapıyorum. Ancak 1280x1024 yapınca çözünürlüğü menü kayıyor. 3 kodu da yazıyorum. Yardımcı olursanız sevinirim.

-------------------------Problemli olan menü--------------------------
<div id="firma" style="position:absolute; left:-400px; top:74px; width:100%; z-index:2; visibility: hidden; height: 297;">
----------------------------------------------------------------------

------------------------Çalışan menü---------------------------------
<div id="urun" style="position:absolute; left:-80px; top:74px; width:100%; z-index:3; visibility: hidden; height: 297;">
<div id="iletisim" style="position:absolute; left:60px; top:74px; width:100%; height:30; z-index:7; visibility: hidden; height: 297;">
----------------------------------------------------------------------

Eğer sayfayı görebilirsek daha iyi olur, sadece bu kod fazla bir anlam taşımıyor.

position:absolute; left:-400px; top:74px;

sorun bunlardan kaynaklanıyor. piksel olarak pozisyonunu belirtmişsin. Dolayısıyla çözünürlük değişince sitenin yapısının içinden ayrılıp sola doğru kayma yapar.

Div tagının piksel olarak pozisyonlarını belirtmeden float ile pozisyonlarını belirtirsen sorun yaşamazsın.

Bunun için blogların themelerini incelersen bir fikir elde edebilirsin.