CSS Sprite Bubble

http://www.orbismedia.in/about-orbis.html

In Ie6 onload the bubble on top link background is cutoff. Only part of the sprite image is showing off. All other browsers are perfect. Not sure what is problem.

Any help?
LVL 12
sajayj2009Asked:
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

x
 
sajayj2009Connect With a Mentor Author Commented:
Onload time IE6 still shows the bubble image is cutoff amd aligned to left.
0
 
Chad HaneyChief Technology OfficerCommented:
Looks like the margin-right is not working out properly.  If you zoom in on firefox, there is a sliver of space between the images, but if you cut down from 29px to 28px you will get an overlap of the images.

Try using this as well, placed under the current margin right.
_margin-right: 28px;


.lavaLampWithImage li.back .left {
	background: url(../images/bubble.png) no-repeat 0px -1px;
	_background: url(../images/bubble.png) no-repeat 0px -1px;
	height: 65px;
	min-width:inherit;
	margin-right: 29px; /* 7px is the width of the rounded shape */   /*this seems to be where your issue lies*/
}

Open in new window

0
All Courses

From novice to tech pro — start learning today.