Fluid (stackable) content issues

[accpimp]

I am building a fluid site comprised of 50% width divs and 25% width divs, the problem I am having is alignment, specifically with Chrome.I have uploaded the code here: http://tekulated.com/test100/\[code\].half { float: left; width: 50%; }.quater { float: left; width: 25%; }.half img, .quater img { width: 100%; display: block; }\[/code\]If you load up the example in Firefox and resize the browser you will see it works perfectly. In Chrome however the divs grow unproportionately and as a result create large gaps.~ Removing \[code\]display: block\[/code\] corrects the problem however I get image padding issues.Any help would be much appreciated!