undermenu flugter ikke med hovedmenu

Hej,

Jeg laver en hjemmeside, og forsøger nu at få undermenuen til at flugte med hovedmenuen.
Men jeg kan ikke få det til at virke.

Jeg håber der er en der kan hjælpe mig

linker er: http://wearecrunch.dk/gammelsjuf/

og css ser sådan ud:

 .sub-menu li a { 
     color: #000;  
     display: block; 
     float: left;  
     padding: 0 10px;
     text-decoration: none; 
     font-weight: 100;
     outline: none;
     cursor: pointer;
     background-color:#00FF33;
 }

Det jeg vil have flugtet med hoved menuen har jeg gjort grønt.

Alt andet på siden centrere sig af hensyn til browserens størelse, og jeg vil have undermenuen til at altid flugte med hovedmenuen.

Nu er det det eneste som ikke rykker sig når browseren bliver mindre og større.

html'en ser sådan her ud:

 <div id="submenu-container">
         
         <div class="sub-menu" id="sjuf-menu"> 
             
             <ul>
             
                <li><a rel="first">Chairman's word</a></li> 
               <!-- <li><a rel="Welcome">Welcome</a></li> -->
                <li><a rel="information">Information</a></li>
              <li><a rel="team" id="Team">Team</a></li>
             
             </ul>
             
         
         </div> <!-- End #sjuf-menu -->
         </div>
         <!-- About Malmö sub-menu -->
         <div class="sub-menu" id="about-malmo-menu"> 
             <ul>
                <li><a rel="first">intro about Copenhagen</a></li>
                <li><a rel="sightseeing">Sightseeing</a></li> 
                   <li><a rel="nightlife">Nightlife</a></li> 
                   <li><a rel="shopping">Shopping</a></li> 
                <li><a rel="map" class="map">Map</a></li>
              <!--  <li><a rel="attractions">Tourist attraction</a></li>-->
             </ul>
         </div> <!-- End #about-malmo-menu -->
         <!-- Hotel sub-menu -->
         <div class="sub-menu" id="hotel-menu"> 
             <ul>
                <li><a rel="first">Sjuf hotel</a></li>
                <li><a rel="lounge">Relaxing areas</a></li> 
                <li><a rel="price">Price</a></li>
             </ul>
         </div> <!-- End #hotel-menu -->
         <!-- Agenda sub-menu -->
         <div class="sub-menu" id="sponsor-menu"> 
             <ul>        
                 <li><a rel="first">Donations</a></li>
                 <li><a rel="thanks">Thank's to</a></li>
 
             </ul>
         </div> <!-- End #agenda-menu -->
         
         <!-- Agenda sub-menu -->
         <div class="sub-menu" id="agenda-menu"> 
             <ul>        
                 <li><a rel="first">Quick Schedule</a></li>
                 <li><a rel="day-1" id="day-1">Day 1 Let´s Get It Started</a></li>
                 <li><a rel="day-2" id="day-2">Day 2 The Spiritual Day</a></li> 
                 <li><a rel="day-3" id="day-3">Day 3 The Major Countdown</a></li>
                 <li><a rel="prices" id="prices">Prices</a></li>
             </ul>
         </div> <!-- End #agenda-menu -->
         
         
         <!-- Get Psyched sub-menu -->
         <div class="sub-menu" id="psyched-menu"> 
             <ul>
                <li><a rel="first">Movies</a></li>
                <li><a rel="photos">Photos</a></li> 
                <li><a rel="reasons">10 reasons why you have to go to SJUF</a></li>
             </ul>
         </div> <!-- End #get-psyched-menu -->
     </div> <!-- End #header -->

Håber der er en der kan overskue det og ved hvad der muligvis kunne være galt.

Tak