موقعيت دهي به عناصر در resolution هاي مختلف

[mahya_g]

سلام دوستان عزيز
من با استفاده از css تگ <div> رو در يك صفحه html به صورت زير موقعيت دهي كردم:

#link {
position:absolute;
left:785px;
top:313px;
}
هدف اين بود كه اين تگ در موقعيت خاصي از وسط صفحه و روي قسمت خاصي از يك عكس قرار بگيره. وقتي resolution صفحه نمايش رو تغيير ميدم اين موقعيت ها به هم ميريزه و تگ جاي ديگه اي قرار ميگيره.
وقتي اندازه صفحه مرورگر رو كوچيك و بزرگ مي كنم هم موقعيت تگ <div> عوض ميشه.
چه كاري بايد انجام بدم تا در resolution هاي مختلف تگ جا به جا نشه؟؟؟؟؟
لطفا كمكم كنيد.......متشكرم....

[Mah]

سلام .
این را تست کن .


left:50%;
top:50%;
position:absolute;