Hi

I have the following html and css. But what I can't figure out is how to have the tabs div at the right of the main div. So that they stick out the right like bookmarks.

.main {
    -moz-border-radius:10px;
    height: 75%;
    width: 60%;
    position: absolute;
    top: 15%;
    left: 20%;
    right: auto;
  }
.tabs {
    width: 50px;
    height: 1.3em;
    position: absolute;
    float: right;
}
 #tab { margin: 10px 10px 10px 0px;}

And the html:

   <div class="main">
         <div id="content">
            Some main content
         </div>
      </div>
       <div class="tabs">
          <div class="tabs" id="tab">
             <a href="#" alt="Home">
                Home
             </a>
          </div>
          <div class="tabs" id="tab">
             <a href="#" alt="About">
                About
             </a>
          </div>