IE span list fix

HTML & CSS
1

Working in all other browsers except IE, f*ck u IE damnit, especially when it comes to css.

Sorry for that, anyway heres the code…

.block .list li {
background-image : url(http://gameinfiniti.com/images/bg_list.png);
}
.block .post-info {
float : left;
width : 150px;
height : 10px;
padding-top : 13px;
padding-left : 7px;
overflow : hidden;
}
.block .post-info .post-title {
font-size : 1.13em;
font-family : Eurostile;
color : #507500;
width : 10000px;
font-style : normal;
float : left;
}
.also {
font-family : Eurostile;
font-size : 1.25em;
color : #fff;
margin-top : 10px;
padding-left : 7px;
}
.also a {
background-color : #fff;
}

Example page (view in IE):
http://gameinfiniti.com/x360/reddead/redemption/

Thanks :slight_smile:

2

I would not say that IE is to blame here, try closing your spans properly.

<ul class="list">
    <li><a href="#">[COLOR=Red]<span class="post-info"/>[/COLOR]<strong class="post-title">Rockstar Games</strong>[COLOR=Red]</a></li>[/COLOR]
    <li><a href="#">[COLOR=Red]<span class="post-info"/>[/COLOR]<strong class="post-title">Rockstar San Diego</strong>[COLOR=Red]</a></li>[/COLOR]
    <li><a href="#">[COLOR=Red]<span class="post-info"/>[/COLOR]<strong class="post-title">Sandbox Action-Adventure</strong>[COLOR=Red]</a></li>[/COLOR]
    <li><a href="#">[COLOR=Red]<span class="post-info"/>[/COLOR]<strong class="post-title">Release: May 18, 2010</strong>[COLOR=Red]</a></li>[/COLOR]
    <li><a href="#">[COLOR=Red]<span class="post-info"/>[/COLOR]<strong class="post-title">ESRB Mature</strong>[COLOR=Red]</a></li>[/COLOR]
</ul>


<ul class="list">
    <li><a href="#">[COLOR=Blue]<span class="post-info">[/COLOR]<strong class="post-title">Rockstar Games</strong>[COLOR=Blue]</span>[/COLOR]</a></li>
    <li><a href="#">[COLOR=Blue]<span class="post-info">[/COLOR]<strong class="post-title">Rockstar San Diego</strong>[COLOR=Blue]</span>[/COLOR]</a></li>
    <li><a href="#">[COLOR=Blue]<span class="post-info">[/COLOR]<strong class="post-title">Sandbox Action-Adventure</strong>[COLOR=Blue]</span>[/COLOR]</a></li>
    <li><a href="#">[COLOR=Blue]<span class="post-info">[/COLOR]<strong class="post-title">Release: May 18, 2010</strong>[COLOR=Blue]</span>[/COLOR]</a></li>
    <li><a href="#">[COLOR=Blue]<span class="post-info">[/COLOR]<strong class="post-title">ESRB Mature</strong>[COLOR=Blue]</span>[/COLOR]</a></li>
</ul>
3

ah… wth tho? w3 said it was a self close tag… >.<

anyway thanks! thought it was a complicated css thing