What's the best way to mix SVG polys and divIcon clicks in Leaflet.js?

I have a map that pulls GeoJSON polygons and points.

I present them using standard Leaflet methods to generate SVG and html markers respectively.

To get an idea: http://i.imgur.com/GSJSZIc.jpg

SVG = blue, bullets = green.

The flyer creates "panels", a div.leaflet-overlay-panel for SVG and a div.leaflet-marker-panel for markers. The bullet flyer panel (with a red border) covers half of the viewport and has a higher z-index, followed by a sheet overlay panel making the SVG polices invisible underneath.

If I set the zindex on the overlap pane to be smaller than the marker area, all markers are fuzzy as the overlay pane covers the entire view port.

I've read some stuff on the Github elevator about the createPane () problem but haven't seen it work yet. Should this be something that fixes this problem? those. puy of all SVG markers and polices in the same panel / div.

So far I have set the marker bar to 1px x 1px. This seems to work fine, and I am asking why the marker bar will be set to half the size of the viewport?