Grow your CSS skills. Land your dream job.

IE6 problem with sprites!

  • # June 2, 2008 at 9:50 am

    Hi guys… I couldn’t find anything about this problem on google, so I’m trying here…

    Please, check this site: http://www.designup.pro.br

    The menu, right below the brand, is a sprite menu… for some weird reason, the whole image is being shrinked on IE6, causing a strange "effect"… I don’t know how to fix this, and I’ve seen sprited menus working on IE6…

    Could someone help me please? Thanks in advanced!

    # June 2, 2008 at 1:27 pm

    At first glance I’m pretty stumped. That image is applied as a background-image, which is not resizeable in CSS. Looks fine in IE7 but in IE6 you get the weird shrunk effect.

    # June 2, 2008 at 4:16 pm

    If I recall correctly, the filter property doesn’t support background image positioning. That’s probably why the whole image is getting scrunched into place.

    It looks like you could use JPEGs rather than PNGs just as easily in your design. Try converting the PNG images to JPEG and then set them through the regular CSS background property. I bet it would work.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".