At the moment, I'm getting both the image and the text.
I've tried almost everything I know.
It's pretty insane but it works. Example: http://jsbin.com/ifibo
Edit: I cleaned up the example. This works in IE6 and IE7. IE8 doesn't have the problem.
Paul. I don't unfortunately as its on a local machine. However I've fixed the issue now using this method
font-size: 0px; display:block; line-height: 0px;
I would seriously recommend something called a "reset" CSS, it essentially resets the default CSS values that some browsers have (IE mainly) and will help with cross-browser compatibility. It is important you read the documentation with Reset CSS Frameworks, as sometimes they can do things you don't expect.
A popular Reset CSS can be found at: http://developer.yahoo.com/yui/reset/
The most common mistake I do which results in this scenario is to have text-align anything other than left.
Do you have an example page that shows the problem, Lee?
@Dylan Holy crap that's insane. It's awesome in its simplicity, but so full of fail in that it works... Only in IE can such paradoxes occur :-P