Forum Moderators: not2easy
I'm trying to get IE to display a list-style-image, but it just doesn't... Only FF and IE 8 shows it, all the other IE versions totally ignores it.
Here's the HTML code:
<div class="footer-middle-inner-box">
<h2>A random title...</h2>
<ul>
<li><a href="#">something goes here</a></li>
<li><a href="#">something goes here</a></li>
<li><a href="#">something goes here</a></li>
<li><a href="#">something goes here</a></li>
<li><a href="#">something goes here</a></li>
</ul>
</div>
.footer-middle-inner-box {
width: 30%;
border-right: 1px solid #213B4C;
min-height: 100px;
float: left;
overflow: hidden;
display: block;
padding: 10px;
color: #506B7D;
} .footer-middle-inner-box a {
color: #506B7D;
} .footer-middle-inner-box h2 {
color: #6D8FA4;
background: transparent url(images/footer-li.png) no-repeat center left;
padding-left: 17px;
margin-bottom: 5px;
} .footer-middle-inner-box ul {
/*padding-left: 18px;*/
} .footer-middle-inner-box ul li {
float: left;
list-style-image: url(images/square.png); <----------- here's the problem!
width: 100%;
color: #506B7D;
padding: 5px 0px;
margin-left: 20px;
} .footer-middle-inner-box ul li a {
color: #506B7D;
padding: 5px;
} .footer-middle-inner-box ul li a:hover {
color: #0A2434;
background: #335368;
border: 1px dashed #1C4966;
outline: 1px dashed #1C4966;
}
Any help is very appreciated.
Thanks in advance.
-Nike
list-style-image: url(images/square.png); <----------- here's the problem!
list-style-position:inside;