At the moment, I'm getting both the image and the text.

I've tried almost everything I know.

6 answers

5
points
text-transform: capitalize;

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.

Answered over 7 years ago by Dylan Harrington
4
points

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;
Answered over 7 years ago by Lee Simpson
2
points

Hi Lee,

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/

Answered over 7 years ago by Jake Holman
1
point

The most common mistake I do which results in this scenario is to have text-align anything other than left.

Answered over 7 years ago by Divya Manian
0
points

Do you have an example page that shows the problem, Lee?

Answered over 7 years ago by Paul Farnell
0
points

@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

Answered over 7 years ago by Antonio Salazar Cardozo