Neviem nakodovat sablonu do vsetkych browserov.

#title_tag
{
   color: #8f0000;
   font-size: 50px;
   display: block;
   margin-left: 430px;
   font-variant: small-caps;
}

#slogan_tag
{
   width: 45%;
   height: 45%;
   background: url(../img/slogan.png) no-repeat ;
   float: right;
   margin-top: -35px;
   margin-right: 60px;
   
}


#menu_bar_avl
{
   background: url(../img/menu_bg.png) repeat-x;
   margin-left: 415px;
   margin-top: 100px;
   min-width: 300px;
   max-width: 500px;
   height: 43px;
   color: #d9d8d5;
}
#menu
{
   font-size: 18px;
   padding-top: 11px;
   white-space: nowrap;
   list-style-type: none;
   margin: 0 auto;
   margin-left: -30px;
   margin-right: 30px;
}
#logotype
{
   width: 151px;
   height: 151px;
   background: url(../img/logotype.png) no-repeat;
   float: left;
}
#menu li
{
   padding-right: 10px;
   display: inline-block;
}
#menu li a
{
   color: #d9d8d5;
   text-decoration: none;
}

#menu li a:hover
{
   color: #fff;
   text-decoration: underline;
}

.container
{
   width: 960px;
   min-height: 580px;
   background-color: #d9d8d5;
   color: #352828;
   font: 15px Sans, Helvetica;
   margin: auto;
   margin-top: -5px;
}
.
.
.
.

<div class="container"><!--ZACIATOK hlavneho kontainera-->
   
       
    <div id="header">
        <div id="logotype"></div>
        <div id="title_tag">Veľmi Praktický Lekár</div>
        <div id="slogan_tag">
           
        </div>
       
        <div id="menu_bar_avl">
            <center>
            <ul id="menu">
               
                <li><a href="">O nás</a></li>
                <li><a href="">Služby</a></li>
                <li><a href="">Tím</a></li>
                <li><a href="">Objednajte sa</a></li>
                <li><a href="">Kontakt</a></li>
                <li><a href="">Zaujímavosti</a></li>
               
            </ul>
            </center>
        </div>
       
       
    </div>
   
   
   
   
    </div>