Question: Having such a hard time with this.
Trying to have a "Hover" event open a DIV with info underneath it. 

I have that working.

However, if I have links in the DIV, how am I able to keep the DIV OPEN to click the links ?

Not sure if this is possible with CSS ? Thanks in advance.

```
.ebweather {
  opacity: 0;
  visibility: hidden;
  display:none;
}
a { color:white; }
.hovereb:hover + .ebweather {
    display: block;
    visibility: visible;
    opacity: 1;
    animation: fade 1s;
    background-color: #0D2454;
}

```

Here is the very basic jsfiddle:

<http://jsfiddle.net/3qk8htL7/3/>

Answer: 
Add .ebweather:hover to your style for showing this both when div is hovered and .ebweather is hovered

```
.hovereb:hover + .ebweather, .ebweather:hover {
    display: block;
    visibility: visible;
    opacity: 1;
    animation: fade 1s;
    background-color: #0D2454;
}

```
It's definitely possible.

Just put the `:hover` pseudo class on a shared parent.

```
.parent:hover .ebweather {
    /* .visibility: visible etc... */
}

```