I'm trying to create some popup help/tool messages. They should just pop-up when the user hover's over the anchored button. Following is my CSS
Code: Select all
/* ################ styling for popup messages (tooltips) ######### */
.toolMsg
{
display:none;
color:#754f31;
font-size:18px;
padding:5px;
background-color: #F1EDD7;
margin-left:60px;
border-radius: 5px;
border:1px solid #754f31;
position:absolute;
}
.anchor:hover + .toolMsg{
display:block !important;
z-index:10;
}Code: Select all
<td><button id='submitLogEdits' class="navBttnRight anchor">Submit</button><p class='toolMsg'>Submit Edits</p></td>Then I went to test it in IE and the message is not hidden, even though css is set as follows:
Code: Select all
.toolMsg
{
display:none;
... }Thanks in Advance - Pavilion