title: issue with horizontal wheel scroll
body: <p>I have a template that when user use mouse wheel the template scroll horizontally . </p>
  
  <p>but it just work in chrome .</p>
  
  <p>is there any way to scroll horizontally in firefox and IE ?</p>
  
  <p>here is a demo : <a href="http://jsfiddle.net/VhERd/" rel="nofollow">http://jsfiddle.net/VhERd/</a></p>
  
  <p>and jquery :</p>
  
  <pre><code>&lt;script&gt;
      $(function() {
  
         $("body").mousewheel(function(event, delta) {
  
            this.scrollLeft -= (delta * 30);
  
            event.preventDefault();
  
         });
  
      });
  &lt;/script&gt;
      &lt;script src="http://css-tricks.com/examples/HorzScrolling/jquery.mousewheel.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>and at the end sry for my english ;)</p>