Object Overlapping issue with SVG in IE10-11

Hello All,


I am facing some issue with object overlapping with SVG in IE 10 and IE 11.
To understand this problem i have created one html file with simple rectangle and line. We have used SVG to draw line element.
Here half of the line is being displayed, but rest of the line that is overlapping the rectangle is not visible even though the z-index of line is higher than rectangle.




Note : I am attaching the below html file for your reference.


IE 10 / IE 11:-
             [X]




It should look like below (Below screenshot is in IE 9 and using VML to draw line element)


            [X]




Can anyone tell me why this overlapping part is not visible with SVG??








Thanks,
Jayraj






This email (including any attachments) is proprietary to Aspect Software, Inc. and may contain information that is confidential. If you have received this message in error, please do not read, copy or forward this message. Please notify the sender immediately, delete it from your system and destroy any copies. You may not further disclose or distribute this email or its attachments.




[Non-text portions of this message have been removed]




------------------------------------
Posted by: "Chudasama, Jayraj" <[email protected]>
------------------------------------

-----
To unsubscribe send a message to: [email protected]
-or-
visit http://groups.yahoo.com/group/svg-developers and click "edit my membership"
----