Float Wrapping Problems

[liunx]

So this a fairly blatant rip of Bowman's beautiful gallerys:

<!-- m --><a class="postlink" href="http://uwmike.com/layout/pastel/gallery.html">http://uwmike.com/layout/pastel/gallery.html</a><!-- m -->

It wraps as I'd like it to in Firefox. I will be hiding the float rule from IE5x, but IE6 is currently allowing the elements to flow outside of the containing element. (the <ul>)

I've outlined the ul in green for the sake of demonstration. IE seems to completely ignore it.

.gallerybox li a {
/* display: block;*/
padding: 22px 21px 22px 21px;
}

just is a precaution:
background: url(img/thumb.gif) no-repeat;Originally posted by Fang
just is a precaution:
background: url(img/thumb.gif) no-repeat;

Good thought, thanks.

Still not sure what the deal is with the wrapping, is though.This was ok:
.gallerybox li a {
display: block;
padding: 22px 21px 22px 21px;
}
/* change this
.gallerybox li {
list-style: none;
float: left;
width: 146px;
height: 144px;
/*padding: 5px;*/
border: 1px solid #cbcac4;/* added*/
background: url(img/thumb.gif)
}