[HTML][CSS] Położenie elementu Opcje

[grzes999]

Witam
Mam chyba dość banalny problem jednak nie mogę wpaść na jego rozwiązanie.
Mam do zakodowania taką stronę.

(IMG:http://img.burning-brushes.pl/images/fleszh2.jpg)

I chce żeby każdy element to znaczy(samochód,drukarka,etc.) były osobnymi elementami a nie jako jedno tło.
I teraz mam problem jak zrobić żeby dany element był zawsze w tym samym miejscu bez względu na rozdzielczość.
Całą stronę mam w divie o stałej szerokości 1008px,

Fragment kodu z obrazkiem

[HTML] pobierz, plaintext 
<div id="samochod">
         <a href="#s"><img src="img/auto_txt.png" id="auto_txt"/></a>
         <img src="img/auto_cr.png" id="auto_foto" />
    </div>
[HTML] pobierz, plaintext 

I kod css do tego elementu

[HTML] pobierz, plaintext 
#auto_foto {
    float: right;
    margin-left: -61px;
    margin-right: -9px;
    margin-top: 273px
}
#auto_txt {
	margin-bottom:-260px;
	margin-right:-160px;
	margin-left:40px;
}
[HTML] pobierz, plaintext 

No i dla rozdzielczości laptoptopowej to dobrze wszystko się wyświetla ale dla większych lub mniejszych rozdzielczości niestety nie ;/

Na prawdę nikt nie ma pomysłu jak to zrobić?

Ten post edytował grzes999 23.05.2012, 14:46:09

[grzes999]

Robię tak jak mi napisaliście ale niestety dalej przy różnych rozdzielczościach elementy są w różnych miejscach. Oto cała zawartość pliku html i css.
Może coś robię źle :/

[HTML] pobierz, plaintext 
<div id="content">
    <div id="logo">
    </div>
    <div id="elementy_strony">
		<div id="link_1">
			<a href=""></a>
		</div>
		<div id="link_2">
			<a href=""></a>
		</div>
        <div id="stopka">
            <menu>
                <li><a href="#">Bilboardy</a></li>
                <li><a href="#">Oferta</a></li>
                <li><a href="#">Oklejanie aut</a></li>
                <li><a href="#">Kontakt</a></li>
            </menu>
            <p id="copyright">Copyright flesh 2012</p>
        </div>
        </div>
</div>
 
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
body {
	background-image:url(../img/tlo.png);
	background-repeat:no-repeat;
	background-position:center top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
a {
	color:#000;
	text-decoration:none;
}
#content {
	width:1000px;
}
#elementy_strony {
position:relative;
 
}
#elementy_strony div {
position:absolute;
}
#elementy_strony a {
display:block;
height:100%;
}
#link_1 {
	width:162px;
	height:35px;
	background:url(../img/auto_txt.png);
	background-repeat:no-repeat;
	top:43%;
	left:27%;
}
 
[CSS] pobierz, plaintext 

Ten post edytował grzes999 25.05.2012, 10:04:56