IE6 Crashes / IE8 Odd Selectbox Bug (Otherwise fine)

Get Started
1

Here is the URL:
http://tinyurl.com/yz2fkxy

It works in all browsers except IE6, and will work in IE8 in compatibility mode. Otherwise in IE8 the selectbox can only be used if you click on the text in the selectbox, or click below the actual selectbox (seems the “hit” box is off)

IE6 just plain crashes.

Any ideas? :sick:

EDIT:HTML Validates, but the [URL=“http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Ffharadio.com&profile=css21&usermedium=all&warning=1&lang=en”]CSS has errors. The CSS is from a jQuery script I downloaded- I did not modify it.

EDIT 2: Found this – perhaps related?

2

Did I lose ability to edit my thread? Or am I blind?
At any rate, here is a reference on the jQuery plugin:
http://www.marghoobsuleman.com/mywork/jcomponents/jquery-image-dropdown/index.html

Note that his examples actually work in IE8!
Sorry for the double post…

3

Hi, this is untested.

Expressions often crash IE6

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

You could overcome this by just setting a huge height (aka height:999em;) and then setting the parent that is containing this, overflow:hidden; to cut off the extra.

I haven’t opened up IE6 to see if that was the cause though.

4

Thanks for the reply!
I commented out the code and it still crashes. I would assume the problem lies within the jQuery script, msdropdown.

Any ideas on that one?

EDIT: Someone else had the combobox problem. Reply #11 mentions removing position:relative; from the wrapper, and the OP claims it worked.

I don’t use position relative :confused:

EDIT 2: Notice there are several differences in the CSS file for msdropdown I have, and the one the developer uses on his demo. I tried switching the two out to no avail.

EDIT 3: Notice the combobox will still work if you mouseover the border. Perhaps useful in troubleshooting. It also works if you mouseover the text or image.

5

Bah, can’t edit that post anymore.

I fixed the selectbox problem. I had to apply position:absolute to the selectbox.
Any idea why that is? That’s silly.

Also- any idea on the ie6 crash? It still occurs.

6

It isn’t crashing for my IE6 (using IEtester)

Comment out all the JS and CSS>

Uncomment 1 JS file at a time (or <script></script>) and see if it crashes. Just uncomment little by little until you find what is causing the crash :). I don’t see this happening so I can’t test it.

7

I fixed the crash-- it pertained to the msdropdown.

Everything is working now except one thing: IE7 doesn’t allow the top selectbox to drop down all the way. I’ve done some research and this is a bug that z-index can’t fix.

How would I go about implementing a fix? The solutions that involve iFrames confuse me.