stuck with css problem. float/inline issue

I am really stuck with this problem. Page I'm working on is here

the '开发者_StackOverflow中文版something' text is part of the "main" content. I want something to start from right below the logo...but I can't seem to do this!

Basically I want content to be the upper half and then have main at the bottom.

I'm not very good at CSS/HTML.

---

1. Use a doctype
2. Clear floats either by applying overflow:hidden after adding the doctype on .content or a clearfix.
3. Optional: add clear:both to the div containing "Something"

---

<!--<div id="header">--> 
    <div class="content"> 
         <div id="logo"> 
              <h1><a href="/">Envy Labs</a></h1> 
         </div> 
         <div class="slogan"> 
             <p><em id="tagline">Keeping IT simple</em></p> 
         </div>
         <div class="clear:both"></div><!--Clears Floats-->
    </div> 
<!--</div>--> 
    <div> 
         something
    </div>