<div id="blah">DEMO TEXT ON MOUSE OVER</div>
@tokyodrift I have define width:100px; height:100px; if you dont give it it will take automatically applied for full div :) enjoy
The div containing the text has a width and heigh defined, so the texts black bg is always filling the full width (220px) and a height (50px). Therefore I can't not define it.
While other answers will probably work if I can implement them correctly (my fault). I've been able to get this one working fine, thanks Ashuthinks. One quick question though too, right now you have to hover specifically over the 30px high div that contains the text, could it be linked to the entire image so you can hover over anywhere on the image and it will show the text? The image is in a seperate div.