title: How to position facebook "like" button on website
body: <p>I'm Trying a facebook like button on a website in a certain place. I tried using a div position it on a certain part of the page and move along with the layout as the browser is resized, but it's not working. The button stays in the left corner of the page.</p>
  
  <p>How can I move it?</p>
  
  <p>Here is the portion of the code and where I placed the div</p>
  
  <pre><code>&lt;script src="http://connect.facebook.net/en_US/all.js#appId=133207363431387&amp;amp;xfbml=1"&gt;&lt;/script&gt;&lt;fb:like href="http://notchtheguru.com" send="true" layout="box_count" width="450" show_faces="true" colorscheme="dark" font="arial"&gt;&lt;/fb:like&gt; 
  &lt;/head&gt; 
  &lt;style type="text/css"&gt; 
  body {
      background-image: url(images/NotchTheGuru_bg.jpg);
      background-position: center;
      background-color: #000000;
      background-repeat: no-repeat;
      background-position: top center;
  }
  
  #bodyContent {
      position: relative;
  
  }
  
  #fbdiv {
      position: relative;
      left: 1017px;
      top: 30px;
      width: 200px;
      height: 100px;
  }
  
  
  
  &lt;/style&gt; 
  &lt;body&gt; 
  
  &lt;div id="fbdiv"&gt;&lt;div id="fb-root"&gt;&lt;/div&gt;&lt;/div&gt; 
  &lt;center&gt; 
  &lt;div id="bodyContent"&gt; 
  </code></pre>