jak zlikwidować przerwy miedzy divami

[HTML] pobierz, plaintext 
.gora {
 background-image: url(img/belkagora.jpg);
 background-repeat: no-repeat;
 background-position: center;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 margin: 0px;
}
.dol {
 background-image: url(img/belkadol.jpg);
 background-repeat: no-repeat;
 background-position: center;
}
.srodek {
 background-image: url(img/pasek.jpg);
 background-repeat: repeat-y;
 background-position: center;
 height: 372px;
 padding-top: 0px;
 padding-right: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
}
 
<div class="gora" align="center">mmm</div>
<div class="srodek" align="center">,</div>
<div class="dol" align="center"> <div/>
[HTML] pobierz, plaintext 

Nie ma żadnych przerw. Może masz źle uciętą grafikę.
Poza tym najlepiej podaj link do strony i nie będzie problemu.
W dodatku coś takiego

Można zastapic tym

a jeszcze lepiej

[HTML] pobierz, plaintext 
padding: 0;
[HTML] pobierz, plaintext 

0 m to to samo to 0 km i 0 mm. a 2 znaczki mniej do pisania i przechowywania

jeszcze mam problem z ustawieniem tekstu wzgledem obrazka chce zeby tekst był po lewej stronie obrazka a wszystko się nakłada

[HTML] pobierz, plaintext 
<p>
<img src="img/obrazek.jpg" width="157" height="97" />
      <div style="position:absolute; float; left: 227px; top: 344px; width: 279px; height: 102px;">
........</div>
[HTML] pobierz, plaintext 

position:absolute; float; left: 227px;
tu chyba coś nie gra
daj relative , i float:left;

ech a teraz na dole obrazka,

obrazkowi tez musisz nadac atrybut: float:left;