i am outputting some RSS feeds in ULs on my site and for some reason in IE the first line of each LI is indenting. it does not do this in firefox and i cant figure out how to fix it.
the list looks like this:
Description1
Description2
Description2
the styles look like this:
.headlines {
font: 12px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
background:#EEEEEE;
border-top: thin solid #000000;
border-bottom: thin solid #000000;
padding:15px;
text-align:left;
}
.headlines a{
font: bold 15px Verdana, Arial, Helvetica, sans-serif;
color:#0066CC;
}
.headlines h2{
font: bold 20px Verdana, Arial, Helvetica, sans-serif;
color: #333333;
margin-top: 0px;
padding-top: 0px;
padding-bottom:10px;
}
.headlines h2 a{
font: bold 20px Verdana, Arial, Helvetica, sans-serif;
color: #333333;
margin-top: 0px;
padding-top: 0px;
text-decoration:none;
text-align: left;
}
.headlines h2 a:hover{
text-decoration:underline;
}
.headlines ul{
list-style:none;
text-align:left;
padding-left: 0px;
margin-left:0px;
}
.headlines li{
padding-bottom:10px;
padding-left: 0px;
margin-left:0px;
border: 1px solid red;
}
to see what i am talking about visit www.blairdee.info in IE and scroll down to the RSS feeds at the bottom of the page. see how the first line of each LI is indented?
the link to the css file is here:
www.blairdee.info/mystyle.css
any suggestions would be appreciated.