Question

I wanted to know how to make a small cross (close) image appear on the top right inside of a div. Using CSS and XHTML. Thanks

Answer 1

You could do it this way: jsfiddle.net/7JEAZ/1317

Code snippet:

#panel{
    width:100px;
    height:100px;
    background:red;
}
#close{
    display:block;
    float:right;
    width:30px;
    height:29px;
    background:url(https://web.archive.org/web/20110126035650/http://digitalsbykobke.com/images/close.png) no-repeat center center;
}

<div id="panel"><a id="close" href="#"></a></div>