Problémy s okraji a plovoucími elementy

<div id="obsah">
      <div id="logo">
        <h2>Název webu</h2> 
      </div>
      <ul id="mainNav">
        <li class="aktivni"><a href="">Domů</a></li>
        <li><a href="">Menu</a></li>
        <li><a href="">Menu</a></li>
        <li><a href="">Menu</a></li>
        <li><a href="">Menu</a></li>
      </ul>
      <div id="big-title">
      </div>
    </div>

div#obsah {
           width: 960px;
           margin: 0 auto 0 auto;
           overflow: hidden; /* Nevím proč ale funguje to alespoň trochu. Před tím, než jsem to přidal, tak jsem marginem nemohl odsadit div big-title. Teď to jde, ale margin se počítá od okraje stránky - případně divu id=obsah, ne od loga, jak bych nejépe potřeboval a jak by to asi mělo být  */
          }

/* Logo */
         
div#logo h2 {
            color: #fff;
            display: none;
            }
            
div#logo {
          background: url("images/logo.png") no-repeat;
          width: 266px;
          height: 47px;
          margin-top: 27px;
          float: left;
         }

/* Navigace */

ul#mainNav {
            list-style-type: none;
            padding-left: 0;
            margin: 30px 0 0 0;
            float: right;
           }
           
ul#mainNav li {
               float: left;
               padding: 0 8px 0 8px;
               margin: 0 0 0 25px;
              }
         
ul#mainNav a {
            display: block;
            color: #fbfbf3;
            text-decoration: none;
           }
           
ul#mainNav a:hover {
                    color: #c2151c;
                    text-shadow:0 0 1px #c2151c, 0 0 1px #c2151c, 0 0 1px #c2151c; /* For bold hover effect, because shifting on bold hover*/
                   }
                   
ul#mainNav li.aktivni {
                       color: #c2151c;
                       font-weight: bold; 
                       background: url("images/podtrzeni-akt-link.png") no-repeat bottom center;
                       padding-bottom: 7px;
                      }
                      
ul#mainNav li.aktivni a {
                         color: #c2151c;
                        }
                        
/* Titulek */

div#big-title {
               width: 960px;
               height: 180px;
               background: url("images/background-big-title.png") no-repeat top left;
               clear: both;
               margin-top: 50px;
              }