I have no idea what you're talking about.
...me

Tried the demo. Looks good. Not sure how it'll behave when used with other form elements.

The problem I am experiencing (IE 6) is when after selecting from the list, I click the box again to make the list disappear and then click the box again to change what I have selected, then earlier secltions are lost.

The reason for using trick of this kind is to save space or we can use multi selection select box anyway.

I'm not sure what you mean about using it with other form elements. It will obviously be treated differently but the user will not know that.

To resolve the problem your having with ie(any browser) you have to create and store the selected items in a cookie. And yes, that's exactly why you would use this type of method, to save space.

Here is a good example why I had to do it that way.

http://www.2whoa.com/apps/demo/1024_apex/home.html

Firefox 3 isn't "close to passing" acid2. Firefox 3 has been passing acid2 for more than two years http://www.flickr.com/photos/dbaron/126886608/ but wasn't ready in many other ways to be released to the general public until now (expect it in a few weeks.)

Hey I like the coding you have there but I can't get it to work. Did you set any visibility or display attributes to the css? Did you also link the images in the html as well? I think it would be a good idea to show a snippet of your html and css so people can get a good sense of what's going on in the other files.

Disco G:

The css is very minimal, I was more focused on the fade working properly. All other refinements could be made at one's own leisure.

The html for the images is written and handled by the script. In the script you could also write in a link or links. If you were to use just one link on all images, that could also be written into the HTML with a small change of the selector with the script.

(ex: html below)

(ex: script change below)

$('.imageBox a img').fadeOut(10000, function() {

Here's the css:

.box {
height:700px;
text-align:center;
}

.imageBox img {

padding:7px;
border:5px solid #ffffff;
}

I hope that helps. You can also email me your code if you need the help.