title: Strange CSS behaviour on Chrome for Facebook like box
body: <p>I am experiencing this strange behaviour on Chrome (I tested both Windows and Linux versions). I also tested it on Firefox but it works properly on that.</p>
  
  <p>I have the Facebook Like Box displaying in a Wordpress side widget. (Its using the official Facebook plugin, although if something is wrong with its output I can easily change it myself). In reality what it does it includes an iFrame.</p>
  
  <ol>
  <li><p>A strange white padding appears underneath the Facebook logo at the bottom of the widget. The strange thing about this is that when I hover over the title, which just changes its colour, the box suddenly adjusts the height to the correct one automatically. You can see it <a href="http://www.eve.com.mt/" rel="nofollow">here</a> where the Facebook Like Box widget on the right (3rd box from top) has some white padding. Move the mouse over the 'Like Us?' title and it suddenly adjusts the height to the correct one.</p></li>
  <li><p>A more serious issue occurs when the user navigates to another page, and back to the page. With the page open put another URL in the address bar, such as www.google.com. After it loads just click the 'Back' button of the Chrome browser. You will suddenly see that the Facebook Like Box does not render as before, but it renders in a much shallower box, and ugly scrollbars appear.</p></li>
  </ol>
  
  <p>What is the reason for this happening? Its the first time I am encountering these strange issues that occur on seemingly unrelated behaviour (hovering a link and clicking back)</p>