title: Anchor-Div not scrolling to the right place in firefox only
body: <p>I'm absolutely stuck here and hoping someone here will have the answer.</p>
  
  <p>ok - The end goal is to be redirected to another page and be placed at the beginning of a certain DIV. I'm using an anchor tag which points to a DIV with an ID attached to it.
  My code works for all browsers EXCEPT for Firefox?? </p>
  
  <p>Link on page one:</p>
  
  <pre><code>    &lt;a href="/home/services#design"&gt;
        &lt;%= image_tag "Read_More_Button.png", :alt =&gt; "", :style =&gt; 
        "position:relative;   left:-10px"%&gt;
      -close a tag
  </code></pre>
  
  <p>Div with content on page 2:</p>
  
  <pre><code>    &lt;div id='design' class='left clear_right '&gt;  
        more &lt;div&gt;'s nested and a unordered list.  black as well. 
      -close div tag
  </code></pre>
  
  <p>The route in my config/routes.rb:</p>
  
  <pre><code>    get "home/services" =&gt; "home#services" 
  </code></pre>
  
  <p>To see how this is currently working please see online version link:</p>
  
  <p>[website_link] <a href="http://mearsinteriors.co.uk/" rel="nofollow">http://mearsinteriors.co.uk/</a> "click here for website"</p>
  
  <p>Click on the "read more" button for Design or fitout and you'll see that you aren't taken to the top of either div but the route/url in the address bar is correctly pointing to this location? This only happens in Firefox, I have tried in safe mode and disabled all add ons and still nothing.</p>
  
  <p>any adice or direction would be greatly appreciated. thanks</p>