I'm using Firebug to monitor the CSS settings for a container's icon and title text.

Here is the vertical alignment between the two that I get by default, where I represents space taken up by the icon and T represents space taken up by the title text.

IIIIIIIITTTTTTTTTTTTTT
IIIIIIII
IIIIIIII

This is what I want to see:

IIIIIIII
IIIIIIII
IIIIIIIITTTTTTTTTTTTTT

Caching is off for the container and I don't see css stylesheet changes for the items identified by Firebug.  I'm changing the css file locally and uploading it.  I believe I'm doing that process right as other changes show up.

The relevent objects (in their hierarchy) are:

<div class="head_title">
  <div class="c_icon">
    <img />
    <h2 class="c_title">
      <span class="TitleHead">title text here</span>
   </h2>
 </div>
</div>
      
Not every container heading will have an icon in front of it, so ideally the container style will work with or without an icon.  (If no icon is present, it should have zero effect on the layout.)

Any ideas?