title: How to expand div left?
body: <p>How to <strong>expand</strong> left this div? 
  its only expanded right, i try everthing , but it's still not working
  please help</p>
  
  <pre><code>&lt;div id="menu"&gt;&lt;/div&gt;
  
  #menu
  {
  float:right;    
  width:33px;
  height:33px;
  overflow:hidden;
  background:#0F0;
  position:absolute;
  z-index:3;  
  left:49%;
  -moz-transition-property: width; /* Firefox 4 */
  -moz-transition-duration: 1s; /* Firefox 4 */
  -webkit-transition-property: width; /* Safari and Chrome */
  -webkit-transition-duration: 1s; /* Safari and Chrome */
  -o-transition-property: width; /* Opera */
  -o-transition-duration: 1s; /* Opera */
  }       
  
  #menu:hover
  {
  width:180px;
  }
  </code></pre>