Paragraph background image

The background-image of a <p> is not showing fully.
I have an online example at http://www.jamiewest.org.uk/css/codingforums/
and the button being at
http://www.jamiewest.org.uk/css/codingforums/button_bg.gif
Would using a min-height: be acceptable here?

Hi rafiki,

You could just use height:25px which will show the image.

I believe IE 6 has problems with min-height and min-width, so sticking to just "height" will probably be easiest.

Drew

I got that working now, I tried to change it to an anchor <a> tag and it has gone back to just covering the text.
Any ideas on this one?
Thanks
Rafiki.

:D:p:rolleyes::):thumbsup::eek::confused::cool:;):(
Anyone?

Hi there rafiki,

as the a element is an inline element you will need to use this sort of coding....

CSS

<style type="text/css">
#button {
display:block;
width:128px;
line-height:25px;
color:#000;
text-decoration:none;
text-align:center;
background-image:url(button_bg.gif);
}
</style>

HTML

<a id="button" href="#">home</a>

coothead