No replies
MegaTron
Offline
Regular
New Jersey
Last seen: 10 years 43 weeks ago
New Jersey
Timezone: GMT-4
Joined: 2008-07-01
Posts: 40
Points: 17

I'm having an issue with two sets of my sprites being bumped about 30 pixels to the right. I can't seem to find what is causing the shift.

Here is the HTML:

<div class="search">
<ul class="searchnav">
              <li class="rss"><a href=""></a></li>
              <li class="signup"><a href=""></a></li>
              <li class="signin"><a href=""></a></li>
              <li class="newsletter"><a href=""></a></li>
             </ul>
<img src="images/home/searchnav/search.png" height="81" width="341"/>
</div>

And Here is the CSS

ul.searchnav li {
			display: inline;
			}
			ul.searchnav li a {
			display:block;
			height:46px;
			text-indent: -9999px;
			float:left;
			}
 
			ul.searchnav li.rss a {
				width: 118px;
				background: url(../images/home/searchnav/rss.png) top center;
				}
 
			ul.searchnav li.signup a {
				width: 56px;
				background: url(../images/home/searchnav/signup.png) top center;
				}
 
			ul.searchnav li.signin a {
				width: 58px;
				background: url(../images/home/searchnav/signin.png) top center;
				}
 
			ul.searchnav li.newsletter a {
				width: 109px;
				background: url(../images/home/searchnav/newsletter.png) top center;
				}
 
			ul.searchnav li a:hover{
				background-position: bottom center;
			}

Here is the link to the page: http://perceptioncube.com/bold/index.html

Thank you in advance for any help you can provide.