title: Any clue why my images keep cutting off? (sprites)
body: <p>I've put all the tiny blue logo images as sprites for my client's site, but they keep getting cut off in certain browsers... Try shrinking your browser window and you'll see that part of some of the images just disappear. I have no idea why this is happening. Here's some sample code of the HTML. </p>
  
  <pre><code>&lt;div class="fourCol"&gt;
  &lt;div id="firstSecond" class="centerContent" style="width:48px;height:48px;"&gt;
  &lt;img class="agenda" src="images/trans.png"  alt="agenda"&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The sprite is just the standard method of "spriting" in CSS... </p>
  
  <p>Here's the url: <a href="http://compactcourse.com" rel="nofollow">front page</a></p>