Wypozycjonowanie obrazka na środku tła

Witam,

chcę zapozycjonowac jeden element na 2 ale niestety mam problem.

Robię tak:

#mozliwosci {
	position:static;
	width: 80%;
	padding: 2% 10%;
	clear: both;
	
	
	color: white;
	float: left;
	display: block;
	margin: 0 auto;
}

#mozliwosci.button{
position:absolute;
top:50%;
left:50%;

}

.mozliwosci-background {
	width: 100%;
	height:100%;
	background: url('img/tlo3.jpg') no-repeat top center; 
	float: left;
}

W kodzie html mam:

<div class="mozliwosci-background">

		<div id="mozliwosci">
			<div id="button">
			<img src="img/button.png"   >
		</div> 

Chodzi mi o to, że chcę aby obrazek button.png był na środku mojego tła, ale cały czas mam z tym niestety problem.

Prosze o pomoc

dodanie znaczników <code class="css"> i <code class="html"> - furious programming

jesli w kodzie html to wszystko to brakuje ci zamkniecia diva #button i diva .mozliwosci-background

Masz rację, dodałem je ale to nic nie zmienia

http://jsbin.com/qenegobo/1/edit

teraz wedle szablonu piszesz:

dziala tak, a powinien dzialc tak
wyswietla tak, a powinien wyswietlac tak.

bo okreslenie mam problem mi NIC NIE MOWI

Przepisałem Twoj kod i mój obrazek IMG nie wyświetla się tak jak u Ciebie na środku ale z lewej

dodanie obrazka do załączników posta - furious programming

u mnie tez sie wyswietla do lewej, ale dlatego ze mala jest rozdzielczosc okeinka to wydaje ci sie ze jest wysrodkowane.

ogolnie w tym css jest sporo balaganu,

napisz go sobie od poczatku:

zrob sobie diva ktory bedzie mial background taki jak w .mozliwosci-background u ciebie i w tym divie daj obrazek ktory bedzie wysrodowany. ogolnie staraj sie tez zrozumiec co poszczegolne wpisy w css ci daja, bo position static i floaty nie barzdo ci sa tam potrzebne.

Strona w tym momencie wygląda tak : http://nlearning.pl/test/

Kod wrzuciłem tutaj : http://jsbin.com/migelumo/1/edit

Jak widać, button "Jak zacząć " jest ciągle po lewej stronie. Jak mogę zmienić jego pozycję ?

Ten 2 slajd to " header2"

looo dziko. ta pseudoresponsywnosc strony mnie powala.

zrob to header2 jak czlowiek. tekst jako obrazke i to tla rozciagnietego na 100% to najgorszy pomysl.

wydziel sobie pomaranczowe tloz z ta czarna trawa i ludzikiem (bez tekstu) i ustaw jako tlo bottom center(wazne by szerokosci byla wiecej niz 1920 dla pokrycia ekranow hd) potem wrzuc w to header2 . h2 z tym tekstem o pierwiastkowym programie zywienia, a ponizej button z margin 0 auto. co do reszty sie nie wypowiadam, bo to jest wywod na kilka stron.

PS> zeby zobaczyc jak to masakrycznie wyglada to odpal to na full hd monitorze lub zmniejsz sobie okno przegladarki i przesuwaj w lewo w prawo by zobaczyc jak strona brzydko plywa. tak sie nie robi. a wszytsko przez to ze rozciagasz tlo w kazdym divie