Finally found a way to fix the z-index layering problem. The running of span element set up z-index layer automatically and I have to use the position:static property to fix this and then using :hover property to fix the position to relative and then the embeded span will be shown properly with the z-index layer. See the code below:

z-index layering fix