> I have a horizontally oriented list of 3 <li>'s.  In each <li>, I have a
> specific background image that for the sake of this question, is 100 pixels
> x 50 pixels. Let us say I want to put a link in each <li> that says Welcome
> in three languages. I want it so that when the visitor mousse over the
> entire <li>, not just the link text, that it is a hyperlink. How do I "fill"
> up the <li> so to speak. I don't want to put the images directly in the <li>
> as I want them to be backgrounds for seo purposes. Thanks in advance.

li a{
display:block;
width:100px;
height:50px;
}

add padding as needed, but keep in mind you need to substract the
padding from the values above.

It would be a lot cleaner though to have a background image that can
tile, as that would also allow the visitors to resize the text.


-- 
Chris Heilmann 
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/  
Binaries: http://www.onlinetools.org/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to