I created an unordered list where the background image displays in place of text. For some reason, the list is staggering down a few pixels from each other as you move to the right and I can't figure out why. Here the link:
http://associationdatabase.com/aws/OHPCO/pt/sp/home_page Here's the CSS code for the list (full CSS is here: http://associationdatabase.com/aws/OHPCO/pt/css/css_screen.css) : ul.networking { list-style:none; margin:0; padding:15px 0; overflow:hidden; } .homepage ul.networking { padding:15px; } .networking li a { padding:0; display:block; float:left; margin:0 15px 5px 0; height:32px; text-indent:-999em; } .homepage .networking li a { margin:0 15px 0 0; } a.twitter_hc { background:transparent url(http://www.ohpco.org/images/icon_twitter_homecare_blk.png) top left no-repeat; width:150px; } a.twitter_hpc { background:transparent url(http://www.ohpco.org/images/icon_twitter_hospice_blk.png) top left no-repeat; width:201px; } a.facebook { background:transparent url(http://www.ohpco.org/images/icon_facebook_blk.png) top left no-repeat; width:150px; } .homepage a.twitter_hc { background:transparent url(http://www.ohpco.org/images/icon_twitter_homecare.png) top left no-repeat; } .homepage a.twitter_hpc { background:transparent url(http://www.ohpco.org/images/icon_twitter_hospice.png) top left no-repeat; } .homepage a.facebook { background:transparent url(http://www.ohpco.org/images/icon_facebook.png) top left no-repeat; } ' ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
