.miasta{
   position: relative;
   left: 10%;
   top: 10px;
   width: 802px;
   height: auto;
}

.miasta_up_left{
    float: left;
    background-image: url(images/img_29.png);
    height: 25px;
    width: 15px;
}

.miasta_up_center{
    float: center;
    background-image: url(images/img_22.png);
    height: 25px;
    width: 768px;
}

.miasta_up_right{
    float: right;
    background-image: url(images/img_56.png);
    height: 25px;
    width: 15px;
}

.miasta_ce_left{
    float: left;
    background-image: url(images/img_35.png);
    height: 14px;
    width: 117px;    
}

.miasta_ce_center{
    float: center;
    background-image: url(images/img_30.png);
    height: 117px;
    width: 768px;    
}

.miasta_ce_right{
    float: right;
    background-image: url(images/img_21.png);
    height: 14px;
    width: 117px;    
}

.miasta_down_left{
    float: left;
    background-image: url(images/img_31.png);
    height: 15px;
    width: 10px;    
}

.miasta_down_center{
    float: center;
    background-image: url(images/img_33.png);
    height: 10px;
    width: 768px;    
}

.miasta_down_right{
    float: right;
    background-image: url(images/img_32.png);
    height: 14px;
    width: 10px;    
}

[HTML] pobierz, plaintext 
<div class="miasta">
<div class="miasta_up_left"></div><div class="miasta_up_center"></div><div class="miasta_up_right"></div>
<div class="miasta_ce_left"></div><div class="miasta_ce_center"></div><div class="miasta_ce_right"></div>
<div class="miasta_down_left"></div><div class="miasta_down_center"></div><div class="miasta_down_right"></div>
</div>
[HTML] pobierz, plaintext 

<div id="top_left">
<div id="top_right">
<div id="top_bg">
</div>
</div>
</div>

#top_left
{
padding-left: 10px; // szerokosc obrazka tla
background:url (obrazek_tla_lewego) no-repeat;
}

#top_right
{
padding-right: 10px;
background: url(obrazek_tla_prawego) no-repeat right;
}

#top_bg
{
background: url(obrazek_tla_glownego);
}