Funny padding problem

[spyke01]

Ok, i have [URL=http://"http://www.fasttracksites.com/ftsssforum.php"]this page[/URL] and at the bottom, you can see "Free Version: Download" well the F on free is under the blue "border" the border is really the background image of #page. There is a list on the page like so

[CODE]
<ul class="smaller">
<li>Fast Track Sites is not resposible for what you do with this application.</li>
<li>Fast Track Sites is not resposible for any damage caused this application.</li>
<li>This application is As-Is with no warranty(except for the professional edition).</li>
<li>Support for this application may found on our forums.</li>
</ul>
[/CODE]

the funny thing is that when i increase the padding left like so:
[CODE]
ul.smaller {
font-family: Helvetica, Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
line-height: 14px;
padding-left: 10px;
}
[/CODE]
it moves the Free Version text to the left

i want the Free Version text to be where its at, but not get sucked under the "blue border of doom", FF and opera are playing nice with the lists and text just not IE

[Ricklord]

dont know if thi is right but i was having problem with padding in IE aswell so i tried margin instead for my stuff and it solved the problem and works in FF and IE.

Rick

[sivarts]

Ricklord is right, IE renders padding all wrong. Try an jsut using margins when you can. check out www.posistioniseverything.com (maybe .org) for a list of even more IE specific bugs.