Staves made with <img id=stv src=sqr.gif> ( which is the image, ):

font-size:4mm
l   & ? l l l l l hH hH hH hH hH hH hH hH hH hH hH
font-size:5mm
l   & ? l l l l l hH hH hH hH hH hH hH hH hH hH hH
font-size:6mm
l   & ? l l l l l hH hH hH hH hH hH hH hH hH hH hH
font-size:7mm
l   & ? l l l l l hH hH hH hH hH hH hH hH hH hH hH
font-size:8mm
l   & ? l l l l l hH hH hH hH hH hH hH hH hH hH hH
font-size:9mm
l   & ? l l l l l hH hH hH hH hH hH hH hH hH hH hH
font-size:10mm
l   & ? l l l l l hH hH hH hH hH hH hH hH hH hH hH
Some of the CSS juju is 
a    {font-size:120%;position:absolute;                   top:-.225em}  
i    {visibility:hidden; font-style:normal}    /* use em */  
#stv {position:relative;                       left:-.02em; top:.02em;
      vertical-align:center;               height:.03em; width:14.5em}
And here is the algorithm for the 9mm stave: <div id=msm style=height:3em;font-size:9mm> <u> <s id=s4><i>l</i><img id=stv src=sqr.gif></s> <s id=s2><i>l</i><img id=stv src=sqr.gif></s> <s id=n0><i>l</i><img id=stv src=sqr.gif></s> <! center > <s id=n2><i>l</i><img id=stv src=sqr.gif></s> <s id=n4><i>l</i><img id=stv src=sqr.gif></s> </u> </div> This now works on both IE7 and Firefox, and it prints well from either one.