Проблем с позициониране с CSS

[BoGo]

Значи въпроса ми е следния:
Имам едно изображение lenta.gif и искам менюто ми да е върху изображението. Примерно НАЧАЛО НОВИНИ .... да е върху lenta.gif.Използвах кода за позициониране:

<div id="hH" style="position:absolute; left:84px; top:29px; z-index:1"></div>

Но има следния проблем този метод: Когати си с резолюция 1024x768 е идеално но когато я смениш примерно на 1280x1024 си остава позиционирано на зададените си координати. Благодаря предварително. :wink:

 

[SveXteZ]

Заради това никога не ползвай position:absolute
ползвай margin or padding

 

[emagi]

Пробвай така:

<img src='lenta.gif' style='position:relative; display:block;'><div id="hH" style="position:absolute; left:84px; top:29px; z-index:1"></div>

Така би трябвало да се позиционира спрямо img-то

 

[BoGo]

Не става
Ето го кода ся без да е слагано нищо снимката е отгоре и долу менюто:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>Българска национално-радикална партия - Начало</title>
		<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
		<link type="text/css" href="scripts/style.css" rel="stylesheet" />
	</head>
<body>
<center>
<div align="left"></div>
<img src="images/logo.png" width="800" height="180"><br><br>
<img src="images/lenta.gif" width="800" height="30">

    <a href="#">Начало</a>
    <a href="#">Новини</a>
    <a href="#">Устав</a>
    <a href="#">Програма</a>
    <a href="#">Ръководство</a>
    <a href="#">Сумволи</a>
    <a href="#">Форум</a>
    <a href="#">Контакти</a>

</center>
</body>
</html>

Ще съм ви благодарен ако ми дадете готовия код. Благодаря предварително. :?:

 

[Liberate]

Не става
Ето го кода ся без да е слагано нищо снимката е отгоре и долу менюто:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<title>Българска национално-радикална партия - Начало</title>
		<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
		<link type="text/css" href="scripts/style.css" rel="stylesheet" />
	</head>
<body>
<center>
<div align="left"></div>
<img src="images/logo.png" width="800" height="180"><br><br>
<img src="images/lenta.gif" width="800" height="30">

    <a href="#">Начало</a>
    <a href="#">Новини</a>
    <a href="#">Устав</a>
    <a href="#">Програма</a>
    <a href="#">Ръководство</a>
    <a href="#">Сумволи</a>
    <a href="#">Форум</a>
    <a href="#">Контакти</a>

</center>
</body>
</html>

Ще съм ви благодарен ако ми дадете готовия код. Благодаря предварително. :?:

дай линк към сайта където са ти цсс-а и изображението за да можем да ги ползваме иначе няма начин на сляпо да го направим току-така...