CSS positioning

tjena.

Det är så att jag jobbar på en hemsida just nu där Wordpress ska användas som CMS. I denna design förflyttar jag en sökruta så att den fästes ovanpå bannern på ett svävande sätt med z-index. Det fungerar. Jag använder mig av absolute positioning och allt verkar funka i Chrome. Dock så fungerar det inte i Mozilla eller internet explorer. I mozilla hamnar sökrutan någon helt annan stans och jag är tvungen att justera värdena. I internet explorer så är den osynlig helt och hållet. Ändrar jag dock positioning till relative. Ja, då funkar det på alla tre browsers, men då lämnas det ursprungliga utrymmet kvar. Hur ska jag göra, försöka tweaka bort det överflödiga utrymmet? Eller finns det en känd bugg med en lösning som skulle kunna åtgärda absolute problemet.

tack på förhand

kod:

#searchbar {
	position: absolute; //eller relative, men då med ett slösat utrymme
	z-index: 1;
	top: -120px;
	right: 25px;
	color: #000000;
	overflow: visible;
	font-style: normal;
}