title: Image Difference IE7 to IE8/IE9/FF4
body: <p>I have a problem with simple Images in DIV containers in IE7.</p>
  
  <p>I have it a few times on my homepage, here is an example:</p>
  
  <pre><code> &lt;div id="divSearchBottomLinks" class="divSearchBottomLinks"&gt;
     Meistgesucht: Wetter Ebay-Abnahmen Geld Mehr...
     &lt;div id="divSearchButtomLinksEffect" class="divSearchButtomLinksEffect"&gt;
         &lt;img src="Images/Design/DefaultPage/searchButtonEffect.png" alt=""
            style="border: 1px red solid;" /&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS is:</p>
  
  <pre><code>.divSearchButtomLinksEffect
  {
  float:right;
  padding-right:8px;
  }
  .divSearchBottomLinks
  {
  border: 1px solid red;
  width: 99%;
  height: 15px;
  text-align: left;
  font-size: 10px;
  word-spacing: 8px;
  color: Gray;
  }
  </code></pre>
  
  <p>Here is how it looks like:
  <a href="http://s3.imgimg.de/uploads/2204cc79eJPG.jpg" rel="nofollow">http://s3.imgimg.de/uploads/2204cc79eJPG.jpg</a></p>
  
  <p>As you can see: No reason, why the image should be more in Bottom then the other, you see left FF4 (same in IE8/IE9/Opera9/Opera10) and right only IE7 who seems to have a problem with this.</p>
  
  <p>I can't see how to fix it, I can only see from where it somes... any ideas?</p>