Problem CSS

<body>
    <div style="width:907px">
    <!-- Hlavicka-->
    <div id="header" >
    <img src="data/obrazky/header.jpg" alt="header" /><br />
      <a href=""><img src="data/obrazky/o_mne.jpg" /></a><a href=""><img src="data/obrazky/foto.jpg" alt="foto" /></a><a href="" ><img src="data/obrazky/blog.jpg" alt="blog" /></a><a href=""><img src="data/obrazky/webdesign.jpg" alt="webdesign" /></a><a href=""><img src="data/obrazky/kontakt.jpg" alt="kontakt" /></a><br />
      <img src="data/obrazky/header2.jpg" alt="spodny header" />
       </div>
   <!--obsah-->
   <div id="obsah">
     <p>
       <?php
      /*
      switch($_GET['kde'])
      {
       case 1:
      require_once 'o_mne.php';
      break;
      
      case 2:
      require_once 'foto.php';
      break;
      
      case 3:
      require_once 'webdesign.php';
      break;
      
      case 4:
      require_once 'kontakt.php';
      break;
      
      default:
      require_once 'o_ome.php';
      break;      
      }*/
    ?>
   </div>
   <!--prava lista-->
   <div id="bocne_menu"></div>
   <!--footer-->
   <div  id="footer">
   <img src="data/obrazky/footer.jpg" alt="lavy footer" /><a href="mailto:ironman137@gmail.com" ><img src="data/obrazky/footer2.jpg" alt="e-majl tvorca" border="0" /></a><a href="sprava/index.php" target="_blank"><img src="data/obrazky/footer3.jpg" border="0" alt="správa blogu" /></a><img src="data/obrazky/footer4.jpg" alt="prava cast footer" />
   </div>
   </div>

/* CSS Document */
*{ padding:0px; margin:0px;}
body{background-color:#262424; margin:0px auto;
}

#header{width:907px;}
#footer{width:907px;
        clear:both;}
img{border:0px};
#obsah{background-color:#95898d;
       width:632px;
      height:539px;
      position:absolute;
    }
#bocne_menu{
            background-image:url("data/obrazky/bocne_menu.jpg");
         width:275px;
         height:539px;
         background-repeat:no-repeat;
         position:absolute;
         left:
         }

left:
}

left:540px;