Резиновые изображения, подстройка картинок под монитор ...

   <div id="speedbar">
    <div class="wrapper2">
     <div class="toolbar1"> <!--  крыша -->
                    {speedbar}
     </div></div>    </div></div>
    
<div class="wrapper1" >      
   <div id="toolbar" >                     
              {include file="topmenu.tpl"}  <!--  горизонтальные кнопки меню -->
            <div>
              

.wrapper {
     max-width: 1122px;/*увеличивая до 1134 можно правую корону колоны показать всю но удвоить колону*/
     text-align: left;
     margin: 0 auto;
}
.wrapper1 {
     max-width: 1134px;
/*    width: 100%;*/
     text-align: center;
     margin: 0 auto;
}
.wrapper2 {
     max-width: 1330px;
   /*  width: 100%;*/
     text-align: center;
     margin: 0 auto;
}
.wwide {
width: 100%;   /*  сдвигает пол и низ колон влево если закоментить */
}
.btn_reglog, .radial, .fbutton, #loading-layer, #dropmenudiv, .baseform, .ui-dialog, .mass_comments_action, .bbcodes, .ui-button {
     -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
     border-radius: 8px;
}
/*---Speedbar---*/
#speedbar {
     height:0px;
          
    /* background: rgb(41, 58, 10);
     background: rgba(0, 0, 0, 0.7);*/
}

#speedbar .container {
     overflow: hidden;
     padding: 0 15px;
}

#speedbar p {
     margin: -120px 0 0 0;
     padding-left: 470px;
     color: #cacec2;
     font-size: 0em;/*размер текста в крыше*/
     height:125px;
     background: url("../images/mtop1.png") no-repeat 263px -5px ;
      
}

#speedbar h2 a {
     background: url("../images/logofoot.png");
     float: left;
  /*   width: 84px;*/
     height:45px;
     padding-top: 34px;
     margin-right: 15px;
}
/*---toolbar---*/
#toolbar {
     position: relative;
     z-index: 111;
     height: 60px;
      
     /*padding: 0 0 0 0;*/
     margin-left: 251px;
     margin-top: 17px;
     max-width:100%;
     background: url("../images/kolona.png") no-repeat ;
}
#toolbar1 {
     position: relative;
     z-index: 111;
     height: 60px;
      
     /*padding: 0 0 0 0;*/
     margin-left: 351px;
     margin-top: 100px;
    /* background: url("../images/kolona.png") no-repeat ;*/
}

#topmenu {
     line-height: 27px;
     margin-top: -27px;/* Высота размещения меню*/
     margin-left:20px;
   /*  text-shadow: 0 0px 0 #73a519;*/
}

#topmenu li, #topmenu a, #topmenu a b {
     height: 28px;
     float: left;
}

#topmenu a {
     text-decoration: none;
     text-align: center;
     margin-right: 1px;
     color: #48071C;
     width:141px;
     background: url("../images/button.jpg") no-repeat  ;
}

#topmenu a b {
     cursor: pointer;
     text-align: center;
     margin-right: 20px;
     width:141px;
    background: url("../images/button.jpg") no-repeat  ;
}

#topmenu a:hover {
  /*  text-shadow: 0 1px 0 #55820d;
      
     background: url("../images/button.jpg") no-repeat 100% 0px;
     background-color: #649711;
     background-position: 0 0;*/
}

#topmenu a:hover b {
   /*  background-position: 100% -28px;*/
      

}

#topmenu .sublnk a {
     background-position: 0 0px;
}

#topmenu .sublnk a b {
     padding-right: 25px;
     background-position: 100% -140px;
}

#topmenu .sublnk a:hover, #topmenu .sublnk.selected a {
     
     
     background: url("../images/menubg.jpg") no-repeat 100% 0px;
     /*background-color: #649711;
     background-position:  20px;*/
}

#topmenu .sublnk a:hover b, #topmenu .sublnk.selected a b {
     padding-right: 0px;
     background-position: 100% 0px;
}

min-width:1360px;