Help! Everytime we try to fix something about the Header Title or teaser, then the nav bar acts up or something else goes wrong. We are at the point now where the First Letter of our Header Title is too close to the border (padding) on Firefox, but a little bit indented on the IE display. What do we do?
You could start by providing a site url if you'd like people to offer suggestions.
Looks like it's an IE7 specific CSS problem. You might want to consider serving up an additional IE7 specific stylesheet using a conditional comment.
http://www.elated.com/articles/internet-explorer-conditional-comments/
At least that way, you can sort out the IE7 issues without impacting on the display in FF3/IE8.