Floats working, but are now stepping.

This page:

The boxes were originally floating fine and showing 4 products across the middle. After a coleague copied and paste开发者_如何转开发d the exact same code from notepad, other than a URL change, the floating issue has occurred. I have looked through and can't see the culprit.

Any help is appreciated.

Looks like you're missing closing div tags:

...
<div class=xmashp-bottom-box-price>From Only £9.99</div><!--<div style="float: left; width: 35px;"> </div>-->
<div class=hp-bottom-box1>
...

so your hp-bottom-box* boxes are nested inside each other. Add a closing </div> tag before you open the next hp-bottom-box* tag and you should be good.