[jharker]

One thing you might try -- don't know if this will work, but it's worth a shot. Add a negative right margin declaration like so:

.calibre1 {
    height: auto;
    width: auto;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
    padding: 0;
    margin: 0 -0.5em 0 0;
    }

...or something similar. This should close that space gap.

To auto-resize an image, you could try specifying the size of the image in units of em. So:

.calibre1 {
    width: 1.2em;
    border-width: 0px;
    border-style: none;
    white-space: nowrap;
    padding: 0;
    margin: 0 -0.5em 0 0;
    }

I haven't tried either of these in practice, so I'm curious to know if they will work. Please let us know!