How to get rid of padding

[nitifixis]

Hi!

I'm having a problem with a thumbnail list in my site. I don't know
how to get rid of a bottom padding appearing in every clickable item in
the list:

http://www.nitifixis.com/archive.php
This is the CSS code I use to style the list:

..thumbs {
margin-right: auto;
margin-left: auto;
padding: 20px 0px 0px 0px;
width: 330px;
}

..thumbs ul {
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

..thumbs li {
display: inline;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: none;
}

thumbs li a {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
This code seems to work in IE6, but not in Firefox nor Opera. What am I
doing wrong ?
Thanks in advance

[nitifixis]

Ok, I solved the problem myself. I got rid of the display: inline
property in the list and put a float: left property in its place. Then,
I added a display: block property to every thumbnail image in the list.
Solved.

..thumbs {
margin-right: auto;
margin-left: auto;
padding: 20px 0px 0px 0px;
width: 320px;
}

..thumbs ul {
list-style: none;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

..thumbs li {
float:left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: none;
}

..thumbs li a {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

..thumb {
display: block;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-style: solid;
border-color: #EEEEEE;
border-width: 1px;
}