title: Having problems with Safari <img src> css
body: <p>I've currently coded all of the front-end design to work 100% correctly in Chrome. Now I'm going through and cross-browser testing and fixing bugs. I've come across a strange error in Safari where the images won't display correctly. Taking a look at the HTML:</p>
  
  <pre><code>&lt;li class="newsfeedlist-item"&gt;
  &lt;div class="questionslogo"&lt;/div&gt;
  &lt;div class="newsfeedlist-image"&gt;
  &lt;img src="http://images.ted.com/images/ted/2ade6b48aac1eb21b7b90fe43335a8e70771455c_50x50.jpg"&gt;&lt;/div&gt;
  &lt;div class="newsfeedlist-content"&gt;
  &lt;h3&gt;&lt;b&gt;&lt;a href="#"&gt;What Is The Best Way To Become A Photographer? &lt;/a&gt;&lt;/b&gt;&lt;/h3&gt;
  &lt;div class="newsfeedlist-bodytext"&gt; What if a fish came across a river? Then what???    What if a fish came across a river? Then what???    What if a fish came across a river? Then what???    What if a fish came across a river? Then what???    What if a fish came across a river? Then what???&lt;/div&gt;  
  &lt;div class="newsfeedlist-questionauthor"&gt; &lt;i&gt;Started By &lt;a href="#"&gt;Robert Sopel&lt;/i&gt;&lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>you will notice that it's a bunch of simple div's that all reference scripts from the CSS. The error in Safari (in my opinion) does not come from the CSS, but from the "img src" tag in html. But here's the CSS for the "newsfeedlist-image" and "questionslogo", both of which have errors:</p>
  
  <pre><code>.questionslogo {
  width: 84px;
  background: url(images/questions.png) top left no-repeat;
  padding: 8px 0px 0px 100px;
  float: left;
  }
  
  .newsfeedlist-image {
  width: 48px;
  float: left;
  }
  </code></pre>
  
  <p>note that I have tried fixing a height for both and display: block, but this does not change the fact that in Safari, it does not recognize the image (you can't click and drag it around, it just hovers over it) See screenshots below.</p>
  
  <p>Chrome:</p>
  
  <p><a href="http://www.cl.ly/3f1Z143b3X0V1N1i1b1c" rel="nofollow">http://www.cl.ly/3f1Z143b3X0V1N1i1b1c</a></p>
  
  <p>Firefox:</p>
  
  <p><a href="http://www.cl.ly/471R002N3v182q2W1V1j" rel="nofollow">http://www.cl.ly/471R002N3v182q2W1V1j</a></p>
  
  <p>and finally Safari:</p>
  
  <p><a href="http://www.cl.ly/1X3H2W1A1V3b0G3V2n0G" rel="nofollow">http://www.cl.ly/1X3H2W1A1V3b0G3V2n0G</a></p>
  
  <p>I think it's a simple fix, but can't come across it right now. Would appreciate any help. Thanks!!!</p>