[Xsltforms-support] CSS style Output and SVG (IE 8, Firefox and Chrome)

[David F. <da...@so...>]

I am trying to output an SVG image through xlstforms clientside (following
the example of http://en.wikibooks.org/wiki/XForms/SVG).

With Firefox 3.6 ,Firefox 4.0 and Chrome, nothing I do seems to affect the
size of the output resulting in horizontal and vertical sliders being
applied when actual image is larger than space assumed. A minimal test
example is available here
http://soundings01.appspot.com/xsltforms/xfsvg4.xml
The default image size also varies depending on browser. Chrome shows a
smaller portion of the image than Firefox (4 beta 12). Inspecting the
element in Chrome shows span.xforms-value of 300x19.

IE 8 appears to be constrained by the style width and height so that if the
width/height are less than the image dimensions the top left corner of the
image alone is visible with no sliders added (see
http://soundings01.appspot.com/xsltforms/xfsvg5.xml) but if the image is
smaller than the styling width height, the full image is seen. The rendering
appears to be done by silverlight in this instance.

I am looking for consistent behaviour and a better understanding of how to
work around any differences. Any pointers?
Thanks
David