*{ margin: 0px; padding: 0px; border: none; } body{ text-align: center; font: 95% Verdana, Arial, Helvetica, sans-serif; color: Black; background:Black; } #container{ position: absolute; background-image: url(Sprachwahl.jpg); height: 400px; width: 400px; top: 50%; left: 50%; text-align: left; margin: 0 auto; padding: 0; margin-left: -200px; margin-top: -200px; } #container .outer1{ position: absolute; margin: 0px; padding: 0px; width: 126px; height: 48px; top: 180px; left: 260px; background: transparent; } #container .outer1 a{ display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; overflow: hidden; background: transparent; } #container .outer1 a:hover{ background-image: none; } #container .active { background-image: url(https://www.redbaron-themovie.com/Sprachwahl_en.jpg) 0 no-repeat; } #container .outer2{ position: absolute; margin: 0px; padding: 0px; width: 126px; height: 48px; top: 180px; left: 65px; background: transparent; } #container .outer2 a{ display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; overflow: hidden; background: transparent; } #container .outer2 a:hover{ background-image: none; }