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

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!!

 

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>

 

You might try this:

<div style="background-image: url('button.gif')">Text Here</div>

Code (markup):