I'm having a devil of a time with this....hopefully someone can help!
If you go to one of my pages: http://stores.homestead.com/springcr...mes/Detail.bok you can clearly see the problem I'm up against. I don't know enough about floats, let alone css, so I'm not sure how to fix this. It looks fine in IE8, but is not right in FF and Chrome (haven't tested the other browsers yet).
I've tried using the "clear:both" property but nothing I do seems to work. Another thing I've tried is using the Inspect Element feature in FF. It looks like the <div#SmallImage_1> container is 295px by 68px which should be plenty big enough for the max 4 images (65px by 65px) allowed inside the container. I've even tried setting the padding and/or margins to "0" but that didn't work either.
There is an article I ran across at: http://www.positioniseverything.net/easyclearing.html that seems to have the answers but I don't quite understand where I need to put the code that is required or how to configure it.
I'm at a loss and have run out of ideas. Can anyone help?