Bilder in Verhältnis positionieren (Hilfe benötigt)

[Shiela]

Hallo.

Ich habe vor einiger Zeit bereits einen Beitrag erstellt, bei dem ich gefragt habe, wie ich Bilder im Verhältnis zueinander positioniere. Danke für die Antworten bei diesem Beitrag, sie haben mir sehr geholfen. Jetzt habe ich allerdings das Problem, dass die abolsut-positionierten Stecker (Asien, ...) nicht zu sehen sind, ich vermute, sie befinden sich irgendwie hinter der Karte. Kann mir jemand sagen, was ich falsch gemacht habe und wie ich es beheben kann? -Danke auf jeden Fall für die Hilfe

Kann mir noch jemand bezüglich des Forums erklären, wie ich den Code so unterbrechen kann, dass er in zwei Zeilen angezeigt wird? Wenn ich einen Absatz eingebe, nimmt er die zweite Zeile immer als normaler Text... komme mir bei dieser Frage ein wenig blöd vor, bekomme es aber gerade nicht hin (sorry!)

#Karte {height: auto; width: 100%; z-index: 0; float: none}

#Asien 		{width: 5%; position: absolute; z-index: 2; margin-top: 10%; margin-left: -20%}
#Nordamerika 	{width: 5%; position: absolute; z-index: 2; margin-top: 10%; margin-left: -57%}
#Südamerika 	{width: 5%; position: absolute; z-index: 2; margin-top: 25%; margin-left: -50%}
#Europa 	{width: 5%; position: absolute; z-index: 2; margin-top: 10%; margin-left: -35%}
#Afrika 	{width: 5%; position: absolute; z-index: 2; margin-top: 20%; margin-left: -35%}
#Australien	{width: 5%; position: absolute; z-index: 2; margin-top: 27%; margin-left: -15%}

<figure>
	<img src='Bilder/Karte.jpg' id='Karte' alt='Karte'> </figure>

	<a title='Unsere Reisen durch Asien' href='Asien/Asien.html'> <img src='Bilder/Stecker.png' id='Asien' alt='Stecker Asien'> </a> 
	<a title='Unsere Reisen durch Nordamerika' href='Asien/Asien.html'> <img src='Bilder/Stecker.png' 	id='Nordamerika' alt='Stecker Nordamerika'> </a>
	<a title='Unsere Reisen durch Südamerika' href='Asien/Asien.html'> <img src='Bilder/Stecker.png' id='Südamerika' alt='Stecker Südamerika'> </a>
	<a title='Unsere Reisen drch Europa' href='Asien/Asien.html'> <img src='Bilder/Stecker.png' id='Europa' alt='Stecker Europa'> </a>
	<a title='Unsere Reisen drch Afrika' href='Asien/Asien.html'> <img src='Bilder/Stecker.png' id='Afrika' alt='Stecker Afrika'> </a>
	<a title='Unsere Reisen durch Australien' href='Asien/Asien.html'> <img src='Bilder/Stecker.png' id='Australien' alt='Stecker Australien'> </a>