title: Chrome does not re-calculate width when height changes
body: <p>I have a list of thumbnails with links and images, so when the user hover an <code>li</code> element, it's height becomes 100%, but the problem it works <strong>wrong</strong> in Chrome for some odd reason. I don't understand why in Chrome the hovered <code>li</code> width doesn't adjust to its "new" size.</p>
  
  <p><em>(Note: this is a simplified version of my problem)</em> </p>
  
  <p>Also, this problem occurs only on <code>:hover</code>. but not, lets say, with <code>:nth-child</code> </p>
  
  <p><a href="http://jsbin.com/operib/81/edit" rel="nofollow noreferrer"><strong>Playground link</strong></a></p>
  
  <p><img src="https://i.stack.imgur.com/aw5T8.png" alt="chrome vs FF"></p>
  
  <p><h2>Update: problem continues...</h2> See my solution in the answers, BUT the problem continues..I've zoom in with the mouse and you will see it happening..note that number of images can be huge.
  <br><br></p>
  
  <h2>Update 2:</h2>
  
  <p>Force a redraw every mousehweel event fires...
  <code>thumbs.hide().show(0);</code></p>