Popup showing copy underneath

Hi Guys,

This is a dev site I am working on – http://hriver.spottedmoondesigns.com/ – and the popup when you mouse over the gray ticker bar on the left hand column on the home page has copy showing through. I need a fix so that that is not happening. You provided the CSS below in the past and it was working, but now it is not – can you help?
.flex_column.av_one_fourth.flex_column_div.av-zero-column-padding.avia-builder-el-9.el_after_av_three_fourth.el_before_av_one_full {
z-index: 9999;
}

Here is the CSS for the mouseover:
/* specs for risk disclosure dropdown on hover */
span.dropt {border-bottom: thin dotted; background: #ffffff; margin: 8px;}
span.dropt span {position: absolute; right: -9999px; margin: 20px 0 0 0px; padding: 3px 3px 3px 5px; border-style:solid; border-color: #666666; border-width:1px; background: #ffffff;}
span.dropt:hover span {left: 1%; background: #ffffff;}
span.dropt span {position: absolute; right: -9999px; margin: 20px 0 0 0px; padding: 3px 3px 3px 5px; border-style:solid; border-color: #666666; border-width:1px;}
span.dropt:hover span {margin: 200px 0 0 0px; background: #ffffff;}

If you have a suggestion or an article for a better way to accomplish this same task I would appreciate it. I provided login credentials below also.