Check out this page and this page on my website. Text within the advert DIV tag cannot be selected, and some text in the Incinerator product page is unselectable in the topic-div above the iframe element containing a YouTube video.
Here is the relevant HTML code:
<div id="topic-div">
<p>
Incinerator is an app that securely erases files from your hard drive with extreme prejudice. It is capable of obliterating pretty much any file in its way - and yours.
</p>
<p>
Because of this threat, it is vital that you write over sensitive files before erasing them, so that anybody who tries to access your hard drive and recover the files will find random data, and not anything potentially sensitive. Incinerator can do this job, and it is available on the Mac App Store totally for free.
</p>
</div>
</div>
And here is the CSS code snippet:
.subnav {
visibility: hidden;
position: absolute;
top: 100%;
right: 0;
width: 200px;
height: auto;
opacity: 0;
transition: all 0.1s;
background: #E98D70;
}
.subnav li {
float: none;
}
.subnav li a {
border-bottom: 1px solid #2e2e2e;
}
#options:hover .subnav {
visibility: visible;
top: 100%;
opacity: 1;
}
/* Other CSS styles omitted for brevity */
It seems like the issue arose suddenly, affecting various browsers on OS X. Any suggestions on how to resolve this unexpected problem?