Hi guys,

I have a problem in setting pop-up CSS menu. Here is my code:
<a class="pop_up_display"><p>This is a pop-up display</p></a>

The CSS for the above-mentioned code is follows:
.pop_up_display:hover p
{
display: block;
visibility:visible;
position: absolute;
width: 300px;
border: 2px solid #FFFF00;
background: #FFFFCC;
text-align: left;
padding: 2px;
}

.pop_up_display p
{
display: none;
visibility:hidden;


When I move over my mouse cursor, the system shall display text within <p>...</p>. Normally, the text within <p>...</p> is hidden.

Actually, it works in Mozilla Firefox and IE 7. However, it does not work in IE 6.

Does anyone can suggest what to modify from my code or CSS? Thanks.

--Steve