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:
Code:
.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:
Code:
.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!