CSS tooltips question

hello all.
this is some CSS code that I have and it works great with links. however,
is it possible to achieve the same effect for images, buttons, regular text,
etc. ?

maybe make a new class called "tooltip" that i can apply to items throughout
the
site whenever/wherever i need a popup.

similar to the TITLE attribute, but much better to look at

<style type="text/css">
..link a:link span{display: none;}

..link a:visited span{display: none;}

..link a:hover span {
position: absolute;
margin: 10px 0px 0px 10px; /*tooltip box*/
background-color: #E6F2FF;
padding: 5px 8px 5px 0px;
border: 1px dashed #336699;
font-weight: normal;
font-family: Verdana;
font-size: 8pt;
color: #336699;
text-align: center;
display: block;
</style>

<p class="link"><a href="#">link<span>this is a tooltip</span></a></p>

thanks all.