IE8 buttons not working when floating next to an element <p>I'm working on Windows XP with IE8, and I noticed that when I make a button float next to an element, the clickable area of the button reduces to only the area that's not inmediately next to the element. It's little difficult to explain with words, so let's use images. This is the button floating left to the "something" div. Notice where the mouse pointer is:</p> <p><img src="https://i.stack.imgur.com/KN19p.jpg" alt="enter image description here"></p> <p>Notice the yellow border of the button too. If I do click in this position, the button responds. So far, so good. But, if I move the pointer little upper, the yellow border dissapears, and if I do click, the button doesn't respond:</p> <p><img src="https://i.stack.imgur.com/srdAA.jpg" alt="enter image description here"></p> <p>In fact, if I click in the colored area, the button doesn't work at all:</p> <p><img src="https://i.stack.imgur.com/xAE6f.jpg" alt="enter image description here"></p> <p>Here is the code (it works in Firefox and Chrome):</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Button Test&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;input value="Rollover" style="float: left; height: 40px; width: 120px;" type="button"&gt; &lt;div&gt;Something&lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>Does anyone know about this bug? Is there any fix for it?</p> <p>Thanks in advance.</p>