[HTML/CSS]Problem z działaniem obrazków na stronie

[gucek012 0]

Witam Serdecznie.

Mam drobny problem, otóż składam szablon w CSS oraz HTML, robie to któryś raz ponieważ mam problem z działaniem obrazków na stronie, otóż wkleiłem za pomocą img src ten pasek na górze

Link do strony: STRONA

 

body>
<div class="superbar"
<img src="img/barup.png" style='width:100%;' border="0" alt="Null">
</div>
<a href="#" class="logo" > </a>

Oraz na to logo w css i ten znaczek po prawej jako img src

 

.logo{
position: relative;
background: url(../img/logos.png);
display: block;
width: 395px;
height: 250px;
margin-left: auto;
margin-right: auto;
margin-top: -150px;
z-index:100;
}

.logo:hover {background-position: 0 -250px;}

Jestem początkującym programistą, lecz wydaje mi się że błędu nie popełniłem, a przy oddalaniu przybliżaniu strony te obrazki strasznie się pomniejszają/powiększają. W porównaniu do paska jest to bardzo duża różnica. Chce żeby strona była responsywna, ale chyba to nie tak ma działać. Co mogę zrobić żeby to naprawić ?. Chętnie bym prosił również o dobry poradnik do css w związku z tym problemem. Ponieważ chciałbym sklejać szablon dalej, ale to nie będzie wyglądać za dobrze z takimi obrazkami.

Serdecznie Pozdrawiam.

[gucek012 0]

//Temat można zamknąć, poradziłem już sobie.