中断父级：悬停在某些子元素上

Question

在this question上找不到答案后，我设法接近a possible solution的感觉。

我现在离开的问题是，当用户将div.btn:hover悬停时，我希望div.offset被“破解”，因为我将隐藏此元素visibility: hidden;

我想我的问题可以简化为以下几点：

鉴于此HTML和CSS，当您将不可见的display: none;悬停时，如何在div.sub上设置div.invisspacer？换句话说：你如何让div.invisspacer不仅对眼睛而且对鼠标都是隐形的？

HTML

<div class="btn">
    Something
    <div class="sub">
        <div class="invisspacer">Invis</div>
        <div class="subtext">Something else</div>
    </div>
</div>

CSS

div.btn {
    display: inline-block;
}

div.sub {
    display: none;
    position: absolute;
}

div.btn:hover div.sub {
    display: block;
}

div.invisspacer {
    visibility: hidden;
    display: inline-block;
}

div.subtext {
    display: inline-block;
}

JSFiddle