2 replies [Last post]
bdee1
Offline
Regular
Last seen: 12 years 19 weeks ago
Timezone: GMT-4
Joined: 2005-04-13
Posts: 39
Points: 3

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:



  • Title1
    Description1

  • Title2
    Description2

  • Title2
    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.

DanA
DanA's picture
Offline
Elder
Last seen: 12 years 39 weeks ago
Timezone: GMT+2
Joined: 2004-08-14
Posts: 1087
Points: 2

Did you try

Did you try list-style-position:outside; in #col1content ul ?
Did you validate your html ?

bdee1
Offline
Regular
Last seen: 12 years 19 weeks ago
Timezone: GMT-4
Joined: 2005-04-13
Posts: 39
Points: 3

that did it - thank you!!!

that did it - thank you!!!