Design opstilling med <div

Hej,

Jeg er ikke den bedste til at kode html/css.
Når jeg gør det, ser det godt ud på de mest brugte browsere. Men steam-browser, samt mobil, så er "right" siden væk.

Kan det skyldes min kode. Og måden jeg har valgt at sætte det op i content.

index.php
Efter topmenu:

 <div id="site_content">
       <div id="sidebar_container_left">
        <div class="sidebar">
        <div id="cont">    
     <?php
     if($_GET["eln"]){ 
     $eln = $_GET["eln"]; 
     if(is_file(''.$eln.'.php') and $eln != "index" and $eln != "kontakt"){
     include(''.$eln.'.php');
     }else{ 
     include("404.php");
     }
     }else{ 
     include("hovedside.php");
     }
     ?> 
 </div>
         </div>
         </div>        
      <div id="sidebar_container_right">
        
        <div id="cont">
         <div id="contenttitle">
         <h2>Community</h2>
         </div>
         <?php include('login_modul.php'); ?>
         </div>    
             
         </div>
     </div>
    <a href="?eln=brugerkonto/post"><div id="footer" title="Du har en eller flere ulæste breve."></div></a>
 </div>
 </body>
 </html>

<div id="site_content">

 #site_content { 
   width: auto;
   height: auto;
   overflow: hidden;
   margin: 0px 15px 15px 15px;
   padding: 15px 0 25px 0;
   }

<div id="sidebar_container_left">

 #sidebar_container_left { 
   float: left;
   width: 800px;
   height: auto;
   margin-top: 20px;
   margin-left: 175px;
   margin-right: 20px;
   background: rgb(224,224,224) ;
   -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
   -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
   box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
   border: 1px solid #323232;
   border-radius: 7px 7px 7px 7px;
   -moz-border-radius: 7px 7px 7px 7px;
   -webkit-border: 7px 7px 7px 7px;  
 }

<div id="sidebar_container_right">

 #sidebar_container_right { 
   float: left;
   width: 240px;
   height: auto;
   margin-top: 20px;
   margin-right: -600px;
   background: rgb(224,224,224) ;
   -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
   -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
   box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 2px;
   border: 1px solid #323232;
   border-radius: 7px 7px 7px 7px;
   -moz-border-radius: 7px 7px 7px 7px;
   -webkit-border: 7px 7px 7px 7px;  
 }

<div id="cont">

 #cont {
 padding: 4px;
 color: #000;
 font-size: 12px;
 }

<div id="contenttitle">

 #contenttitle {
   padding: 4px;
   background: url('images/tile_gray.png');
   border-bottom: 2px solid #5cd3fb;
   border-radius: 5px;
   }

Billede af content-rightmenu.
Link

Vil i have gjort det samme eller kan jeg fixe det bedre end det?. Og hvordan?.