Mac IE 5.2.3 Processor Usage HIGH with imported stylesheet using bacgkround-image

Discussion in 'CSS' started by mykoleary, Mar 9, 2005.

  1. #1
    I'm having an issue with MAC IE 5.2.3 and divs with background images.

    My stylesheet has quite a bit of classes using background-image that I apply to divs. In MAC IE, just having too many classes defined like this makes the processor run very high (as seen in TOP; run from the terminal), even if they are not being used on a current page.
    .Button { background-image:url(button.gif); }
    Code (markup):
    It does not matter if the stylesheet is imported, linked in, or has the contents just pasted in the page. Same result - HIGH processor usage (min of ~40% after load is complete and while IE is in the foreground.)

    One thing that does improve performance is to use inline background-image style declerations.
    <div style="background-image:url(button.gif);">&nbsp;&nbsp;&nbsp;</div>
    Code (markup):
    This will not work for my site, just a note that this "fixes" the issue.

    In both cases, changing directory location of images and/or the path to them has no effect.

    A separate but related issue is that the processor usage seems to climb if left alone with inline background-image styles, so there may also be a memory leak of some sort as well.

    I'm leaning towards DOM issues of some sort, but have no idea where to go for more information. Google, MSN, MS' KB, newsgroups, are all coming up dry on days worth of searching.

    Has anyone run into this issue beofre and pinned it down a bit more or knows a resource I may be missing that I can go to and research/ask to see if I can get this solved?

    Thanks!!
     
    mykoleary, Mar 9, 2005 IP
  2. TwisterMc

    TwisterMc Mac Guru

    Messages:
    972
    Likes Received:
    13
    Best Answers:
    0
    Trophy Points:
    0
    #2
    I don't know of you issues, however Mac IE has been abandoned by Microsoft over a year ago. It's not up to par and I'd strongly consider dropping it. Even MSN doesn't work correctly with IE on a Mac.

    However, try this. It's my only idea. <div style="background:url(button.gif);">&nbsp;&nbsp;&nbsp;</div>
     
    TwisterMc, Mar 10, 2005 IP
  3. Corey Bryant

    Corey Bryant Texan at Heart

    Messages:
    1,126
    Likes Received:
    51
    Best Answers:
    0
    Trophy Points:
    0
    #3
    You might try this:
    <div style="background-image: url('button.gif')">Text Here</div>
    Code (markup):
     
    Corey Bryant, Mar 10, 2005 IP