Listers...
Here is the code I am using on a list of links:
#content ul.linklist{list-style-type:none; margin:0 0 20px 0;}
#content ul.linklist li{padding:0 0 .3em 40px;}
#content ul.linklist a{display:block; padding:0 0 0 20px; margin:0 0 0
-20px;}
#content ul.linklist a:hover{display:block;
background:url(../images/linklist_rollarrows.gif) top left no-repeat;
padding:0 0 0 20px; margin:0 0 0 -20px;}
<div id="content">
<snip>
<ul class="linklist">
<li><a href="#">ASA Direct<sup>SM</sup></a></li><li>
<a href="#">FASTFUND<sup>SM</sup></a></li><li>
<a href="#">Guarantee Only Processing</a></li><li>
<a href="#">CommonLine Processing</a></li><li>
<a href="#">ELM (Education Loan Management)</a></li><li>
<a href="#">Sallie Mae Laureate</a></li><li>
<a href="#">ASA's Shadow Program</a></li><li>
<a href="#">Mapping Your Future</a></li><li>
<a href="#">Origination and Operational Consulting</a></li><li>
<a href="#">e.clips Signup and Article Archives</a></li><li>
<a href="#">Preferred Lender List Services</a></li><li>
<a href="#">PLUS on the Web</a></li><li>
<a href="#">PLUS on the Phone or Fax</a></li><li>
<a href="#">E-signature (Electronic Signature)</a></li>
</ul>
</div>
In some browsers however, my links work across the page, beyond the text,
even over blank space like this:
|-----link text--------------| >hover and link work here<
The display:block is most likely the cause, right? But I can't figure out
how to achieve another way what I am after with the links, which is to
have the hover bg image _and_ have the links indented the same if they
break to 2 lines.
Any thoughts?
TIA
--
Tom Livingston
Senior Multimedia Artist
Media Logic
www.mlinc.com
Using Opera's revolutionary e-mail client: http://www.opera.com/mail/
______________________________________________________________________
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/