Attention all CSS Masters! I have a little issue here.
All the images (icons) that precede each string of text appear fine in Firefox, but not so in IE, some, but not all of the icons just vanish. Swap between both browsers via the example in the following URL and you'll see what I mean.
They came to the wrong conclusion on that other forum by the way.
What is happening, well, notice how it's only <span>'s that go onto the second line that have the problem, but not all of them. It's only the one's that go onto a second line AND the beginning of the <span> is not at the beginning of the line.
So while IE puts the bottom border and padding in the right place, it's putting the background image in the wrong top left corner. It's easier to communicate what I mean with an image, so take a look at the attachment.
As far as a solution goes, I'm not sure yet, perhaps something involving float:left;.
Last edited by David Harrison; 02-17-2007 at 09:14 PM.
Every fight is a food fight when you’re a cannibal.
It was going to be used for work, provided it was simple enough to implement such as selecting the appropriate text and applying the necessary style, like any other situation. If IE didn't pose this problem, it could have been used. The icons and the corresponding underlines were to associate what content was relevant to what group.