+ Start a Discussion

trouble with CSS in embedded visualforce page

I have a standard object page with an embedded visualforce section. I've written CSS for tooltip type functionality (when the user hovers over text it displays another div). The problem is the div is larger than the visualforce page section and it is being cropped off once it overflows outside of the visualforce section.


I've tried playing with overflow and z-index and no such luck so far. Any ideas?


After checking how the embedded VF actually works I realized I'm stuck inside an iframe. Has anyone used any javascript that could potentially overcome this with a parent reference?