title: Horizontal scroll jquery
body: <p>I have a problem with my horizontal scroll. When I inspect in chrome I don't see errors. Could you tell me where is the problem because I can't find it ?</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
      &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
  
      &lt;script&gt;
          $('#right-button').click(function() {
          $('#content').animate({
          marginRight: marginRight -"200px"
          }, "fast");
          });
          $('#left-button').click(function() {
          $('#content').animate({
          marginLeft: marginLeft +"200px"
          }, "fast");
          });
      &lt;/script&gt;
      &lt;style type="text/css"&gt;
          #browser {
              float: left;
              width: 300px;
              overflow: hidden;
              white-space: nowrap;
          }
      &lt;/style&gt;
      ​
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="browser"&gt;
          &lt;a href="#" id="left-button"&gt;BACK&lt;/a&gt;
          &lt;div id="content"&gt;
              This is the content of the text which should be scrolled.
          &lt;/div&gt;
          &lt;a href="#" id="right-button"&gt;NEXT&lt;/a&gt;
      &lt;/div&gt;
      ​
  &lt;/body&gt;
  </code></pre>
  
  <p></p>