Hi,
I am having a problem when setting the padding of <a> tags within a
link.
A stripped down version of the page can be viewed at:
http://www.martynbissett.co.uk/_sfa/index_test.php
Its is very basic but looking at the source CSS code (embedding in the
page, not seperate for now), you can see that for #navMain a { I have
set the padding as 7px (vertical) and 13px (horizontal). Now this has
occured before but my vertical padding does not show and instead it
would appear that the height is shrinking to the size of the text.
Now the next oddity, I have set the a:hover background color to
demonstrate this. When you roll over the link the padding does appear
and it appear that the link target area is as specified. How come the
background of the parent element is smaller, shouldnt the parent
element grow to accomodate the elements within?
Im sure there is some CSS thing I dont yet understand so if someone
could point me in the right direction that would be great.
Cheers
Burnsy