css hide button until div hover

Question

We want to hide button until we hover over the div layer.

FIDDLE here > Click to view

Essentially, I would like to be able to apply this to other elements also, but this will do for now, any help appreciated

Answer 1

Simply use the :hover pseudo-class on the outer div:

.resultContainer .viewThisResult {
    display: none;
}
.resultContainer:hover .viewThisResult {
    display: inline;
}

Here's the fiddle: http://jsfiddle.net/dTLaF/1/

Answer 2

.resultContainer:hover .viewThisResult { display: block; }

:hover pseudoselector on the parent. Though it's nice when the code for the question is included in the question, for posterity.