I would like to add some CSS fixed size blocks inline into a text paragraph and I'm having cross browser issues. I use div and inline-block and it works on Firefox. Under IE it fails (inline-blocks aren't fully supported).
Is there a simple cross browser solution available?
(The rationale for this is for the fixed size blocks to use background-image for the displaying of smileys. This allows sprites and smileys shown according to the stylesheet.)
What element are you applying inline-block on?
IE 6/7 accepts the value only on elements with a natural display: inline.
So if you're using a div right now, switch to a spaninstead.
In IE, to get inline-block behavior, you set it to display: inline and give it 'hasLayout' via one of the methods (zoom: 1 is a common way).
Use a <span> inside your <p>. It's inline to begin with.
You can't put block elements inside a <p>. That's invalid code!
That should solve it.