Float Wrapping Problems

[mikepurvis]

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

http://uwmike.com/layout/pastel/gallery.html

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.

:confused:

[Fang]

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

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

[mikepurvis]

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.

[Fang]

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)
}