[SOLVED] IE8 causing entry headers/text to "nest" when mood icon present
I am using a modified (sidebar hidden) version of "Joffrey Is the Worst" by thefulcrum with a custom theme layer.
It looks perfectly fine in FF and Chrome but when I load it in IE8, the entries on my main journal page and friends page start "nesting" every time a mood icon is used; the 2em padding is first ignored altogether and then added incrementally to every entry for some reason.
/* mood, music, location */
.lj-currents {padding: 0 2em;}
.lj-currents ul {list-style-type: none; font-size: 11px;}
.lj-currents ul span.entryMetadata-label {margin-right: 0.5em; font-family: Verdana, Tahoma, sans-serif;}
.lj-currents ul li a:hover {text-decoration: underline;}
.lj-currents img {float: left; margin: 0 0.5em 0.5em 0; }
I've Googled somewhat extensively for a hack but haven't been able to find anything that worked; no matter what I do, FF and Chrome both display the journal normally and IE8 just won't. In particular, adding display: inline; had no effect in IE8 but caused all mood icon images to migrate to the far left of the main (alpha) div in FF12.
If anyone has any advice for how to get around this, I'd appreciate it! Otherwise I'll just have to take comfort in the fact that IE users account for about 18% (and shrinking) of the global user base /o\
It looks perfectly fine in FF and Chrome but when I load it in IE8, the entries on my main journal page and friends page start "nesting" every time a mood icon is used; the 2em padding is first ignored altogether and then added incrementally to every entry for some reason.
/* mood, music, location */
.lj-currents {padding: 0 2em;}
.lj-currents ul {list-style-type: none; font-size: 11px;}
.lj-currents ul span.entryMetadata-label {margin-right: 0.5em; font-family: Verdana, Tahoma, sans-serif;}
.lj-currents ul li a:hover {text-decoration: underline;}
.lj-currents img {float: left; margin: 0 0.5em 0.5em 0; }
I've Googled somewhat extensively for a hack but haven't been able to find anything that worked; no matter what I do, FF and Chrome both display the journal normally and IE8 just won't. In particular, adding display: inline; had no effect in IE8 but caused all mood icon images to migrate to the far left of the main (alpha) div in FF12.
If anyone has any advice for how to get around this, I'd appreciate it! Otherwise I'll just have to take comfort in the fact that IE users account for about 18% (and shrinking) of the global user base /o\