Code for showing css styled tooltips and div

<div class=”code”>
<script type=”text/javascript”>
function ShowText(id){
document.getElementById(id).style.display = ‘block’;
}

function HideText(id){
document.getElementById(id).style.display = ‘none’;
}
</script>

<style type=”text/css”>

<!–

.box {

background-color: #504D6F;

border: 1px solid #FFF;

height: 100px;

width: 200px;

padding: 5px;

}

–>

</style>

<span onmouseover=”ShowText(‘answer1′); return false;” >

<img src=”http://www.wallpaperama.com/forums/post-images/20081107_6718_question-mark.gif”>

</span>

<span id=”answer1″ class=”box” onMouseOut=”HideText(‘answer1′); return false;” style=”display:none”>

You can find good wallpapers at wallpaperama.com plus stuff to get your wallpaper website going

</span>

</p>

</div>