Recently, a guest raised concerns about a DIV element covering the content of the page.
There is an issue with a popup that is supposed to only appear when the mouse hovers over its container:
<td class="ref" id="myContainer">
<div><a href="otherscript.php">link text</a></div>
<div style="position:absolute;width:200px;background-color:white">
<?php include 'div-content.php'; ?>
</div>
<style type="text/css">#XcatContainer > div { display: none } #XcatContainer > div:first-child, #XcatContainer:hover > div { display: block }</style>
</td>
This functionality works perfectly on all my browsers running on Windows 10 and Linux, including IE11. However, it does not function correctly in IE11 on Windows 7 (and IE6 on Vista).
I am contemplating switching browsers to disable the popup in those specific versions. I might need to use JavaScript or PHP to only implement this change for older Windows systems.
Alternatively, perhaps some code restructuring could resolve the compatibility issue?