User blog comment:Luxionmk2/Uh oh... I discovered something new.../@comment-5275528-20121106204040

Lux, the white space is caused by padding from what I can tell. What is strange is that the padding value is different for different attack boxes. The HTML is also poorly written for this page as the HTML has tons of formatting information instead of controlling all formatting via the CSS and content via the HTML.

There are two ways to easily find things like this. Use chrome, right click an element and then choose "inspect element". On the right you will see all CSS properties for that element. Scroll down and expand the button that says "Metrics". This will show you all padding and margins that are being applied. Or use Firefox and get the Firebug extension. This does basically the same thing, but I use chrome, so I never bothered with Firebug.

On chrome and firefox you can also make test edits to CSS by typing in new properties and new values for existing properties into the CSS it shows you. Your browser window will show those changes on the fly. This makes it very easy to see if your changes will do what you want without having to constantly change the CSS and continually upload to try it out.