The title may be a bit misleading.

<http://jsfiddle.net/whb8A/>

I have a h3 element inside a span tag and of course it shouldn't go there, however I cannot seem to style the spanned text in the div in the manner I want. 

If you hover over the image in the jsfiddle, the hidden div is shown and that is exactly what I want it to look like but if I take the h3 tag away from the text I can't seem to style it with CSS.

Should I be looking at a Jquery alternate? If so any tutorials of guides would be great, thanks

UPDATE: Thanks for all the help so far but I don't think I've explained very well.

<http://imageshack.us/photo/my-images/827/examplewc.jpg/>

The left side is how I would like it to be styled however removing the h3 tags and removing h3 from the class .info causes it to be styled as on the right side. It's the border width, postion and padding I am concerned about the most