Marquee text over an image in html

Question

I want a text to scroll from up to down over an image in top-right corner in my webpage. But I am not able to place the text over image. Thanks in advance

<div id="display">
    <img height="210" width="160" src="note1.gif" />
    <marquee id="m1" onMouseOver="stopM()" onMouseOut="startM()" scrollamount="2" direction="up" loop="true" width="30%">
    <center>
    <p id="text">
    Opening Soon !!!
    </p>
    </center>
    </marquee>
    </div>

This is my css code

#display { 
        position:absolute; 
        visibility:show; 
        left: 73%; 
        top: 2%;        
        }
#text
{
     color:Black;
    font-size:12px;
    font-weight:bold;
    left:65%;
    top:2%;
}

Answer 1

I'll avoid commenting on the validity of your HTML, and stick solely to solving your problem here.

This fiddle should solve your problem

CSS

#display 
{ 
     position:absolute; 
     visibility:show; 
     left: 73%; 
     top: 2%;
}
#text
{
    color:Black;
    font-size:12px;
    font-weight:bold;
    left:65%;
    top:2%;
}
marquee {
    position: absolute;
    top: 0;
}