centrowanie połączone z position:relative Opcje

[dark_root]

Witam,
Mam obrazek z atrybutem position:absolute. Chciałbym, żeby się on znajdował na środku szerokości strony. Niestety wszelkie sposoby jakich próbowałem prowadziły do tego, ze obrazek miał lewy bok na środku, więc w rezultacie w całości był przesunięty na prawo.
Jak zrobić, aby to środek obrazka znajdował się na środku monitora?

[kamil4u]

[CSS] pobierz, plaintext 
<div id="test">a</div>
 
<style>
 #test{
  width: 150px; /* <-- to zmieniasz */
  margin-left: -75px; /* <-- to zmieniasz - połowa*/
 
  height: 200px;
  position: absolute;
  top: 50px;
  left: 50%;
  background-color: #f00;
 }
</style>
[CSS] pobierz, plaintext 

[dark_root]

wielkie dzięki, teraz centruje jak należy