Your problem is that the image is a background image of the selects container.  
Since it's a background image, of course it will be behind the select box, in 
the background.

I managed to create the effect you were going for (and it's nifty) by changing 
the code to this:

<div class="thumbwheel-frame" style="background: none">
  <img src="images/thumbwheel_frame.png" style="display:block; 
position:absolute; z-index:1;"/>
  <select>...</select>
</div>

But the problem you run into then is that you can't click on anything because 
there's an image in the way.

I'm not going to say that it can't be done yet, but I don't think it'll be easy 
if it is possible.

---Tim

______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to