What do you think about adding something like:
```css
#legend div img {
  vertical-align: middle;
  margin: 5px;
}
```
to align the markers in the legend a little better with their names?  Something like this:

![image](https://f.cloud.github.com/assets/860834/2405477/6fb99164-aa51-11e3-976a-62795fc235ad.png)