Could someone be so kind as to check the following link for IE compatibility? I would appreciate it very much!

Doggie Dude Ranch

Problems in both im afraid

IE6
http://img170.imageshack.us/img170/5566/ie6gi5.png

IE7
http://img341.imageshack.us/img341/999/ie7sb6.th.png

Hmm, that's peculiar. IE's so lame.
I can't actually even view your IE7 screenshot, it's only 150px!

Could you give it another peek?
http://triplemoonsdesign.com/DOGGIE/

Easy

_isIE: function() {
return (window.ActiveXObject);
};
_isIE6: function() {
return (window.ActiveXObject&&!_isIE7());
};
_isIE7: function() {
return (navigator.userAgent.toLowerCase().indexOf('msie 7')>-1);
};

Hello svirid,
Thank you for your suggestion. I added that code to my menu.js file and it dropped the rollover from Opera (but it's still there for FireFox). What exactly does it do?

Oops my bad, I thought u want to detect browser. Topic title confused me.
I cant load your images to help.

Hey Stephanie,

The problem that I can see with your layout in IE7 is your header. You're using spacer images (that's not a good idea, because they're not necessary) to include some words. The problem is that your second spacer (below) is forcing the header downward:

<div class="spacer">
   <img src="images/spacer1.png" alt="Colorado Springs" /> 
  </div>

Either get rid of that image (which is what I would do personally) or add overflow: hidden; to the CSS for .header . You may have to do both, but you will have to do one.

Another thing that I noticed is that, while it does validate without it, you should put the width and height of your images in the img tag (e.g. <img src="your image here" width="400" height="300" alt="Alt Attribute Here" />). This avoids any weird sizing issues and decreases load time as it saves the browser the trouble of trying to figure out how big the image is supposed to be (it also avoids the weird moving effect that large images create when these attributes aren't included).

http://www.websiteoptimization.com/speed/tweak/size/ <--- the site is ugly, but the point is valid.

Hmm, well the "spacer" is there because it has a gradient I needed for the space above the menu. Does calling it "spacer" cause a problem in the CSS?

Inserting the image width/height was an easy fix.

I added the overflow code to the CSS...Is it fixed doing whatever it was doing in horrid IE?

Nope. It's still there. And for some reason, the spacer didn't show me what you were talking about but I see it now.

Seriously, it doesn't need to be there. The gradient should stay in the space the menu.

Peculiar that you didn't see the actual image...
Well, it's removed now...
Malfunction still there?

No ma'am. I do believe you've done it (IE7 at least.)

Guess what I did...

Made a complicated CSS menu that I think might just give me problems in IE (big surprise)...I'll be posting when I'm done farting around with other things in the code.

<sigh>

There IS a small IE6 bug with that menu. I used the nifty BrowserCam you showed me earlier and it was really helpful in pulling the bugs from something else I was working on...Then I decided to check this one in IE6 and there the little bugger was!

overflow:hidden got rid of it