I just wonder where is this space between the end of the image and the end of the li's are coming from:

http://bluesys.ch/lussy/

its just a simple UL > li > img

code:

div#slider {
    border: 5px solid #fff;
}

div#slider ul li {
    border-bottom: 1px solid pink;
}

div#slider ul li img {
    border-bottom: 1px solid green;
    margin: 0;
}

note that all margins and paddings are set to 0 by my reset.css

can someone help me out? I colored the borders that you can see the spacing i speak of. I use firefox.