Nice proof of concept. It'd be more impressive with more sensible markup. The <b/> and <i/> tags are deprecated, and have always been intended to define the dis

Nice proof of concept. It'd be more impressive with more sensible markup. The <b/> and <i/> tags are deprecated, and have always been intended to define the display of their innertext -- not much more. This requires the tags with or without any actual text inside them to function. Without them, it's just a box. With text within them, it looks terrible. I've dealt with designers who do this before -- implement HTML and CSS approaches that are not quite ready for the big leagues, to the absolute detriment of sensible markup within a real web application, or even a simple website. It's not just a problem for implementation (since you often have to unnecessarily decorate the data you're displaying), but it's a problem in terms of intelligently applying semantic markup to improve the machine-readability of what's being displayed on your site. It's important to keep in mind that effectively implemented markup is leveraged not only by search engines, but by individuals with disabilities. You should always aim for informative, compliant, and forward-thinking markup before bending basic rules to make something look nice.