[OpenLayers-Users] My SVG tags don't display in FF; VML's fine in IE

[myOpenLayersUName]

This is a combination ExtJs and OpenLayers question that I think is more
appropriately posted to this forum than ExtJs since it's the vector display
part that isn't working for me. 

I have included a sample page (
http://osgeo-org.1803224.n2.nabble.com/file/n6251814/Legends.html
Legends.html ) that illustrates the problem I am having. You'll need to make
sure the paths at the top actually point to ExtJs and OpenLayers libraries.
I am limited to working with ExtJs 2.2.1 and OpenLayers 2.8 as the project I
am working on has no upgrades planned beyond those.

If you look at the page in IE, the difference between what is shown in
"Legend 1" and "Legend 2" is, while the code instantiates the necessary
ExtJs and OpenLayers objects for both, "Legend 1" adds the ExtJs panel that
defines each legend item to the larger legend panel and "Legend 2" gets the
HTML representation of the Box component (from innerHTML) and builds the
larger legend panel's html attribute with it.

If you display the page in IE, everything works. In FF, "Legend 2"'s icons
are hidden. The SVG tags are greyed out when I look at the HTML in FireBug. 

Does anyone have any ideas why this is happening?

As you can see in the html file, I tried adding in a DIV around the
innerHTML string, but that didn't help.

Cheers,
jtm

In case it helps, I'll include a couple pictures...
http://osgeo-org.1803224.n2.nabble.com/file/n6251814/IE_Legend.png 
http://osgeo-org.1803224.n2.nabble.com/file/n6251814/FF_Legend.png 








--
View this message in context: http://osgeo-org.1803224.n2.nabble.com/My-SVG-tags-don-t-display-in-FF-VML-s-fine-in-IE-tp6251814p6251814.html
Sent from the OpenLayers Users mailing list archive at Nabble.com.