using html input/select controls as data

Hi, I am trying to use html controls as data to gather information using the grid.
var myData = [['<select><option value="1" selected="selected">1</option><option value="469">2</option><option ....

The scrolling works great for text boxes (<INPUT type="text" ..), but not for SELECT controls. When the scrolling moves a select control over the fixed header column or row header it displays on top of the header i.e is visible. I have tried using the style attribute z-index=-99, but did not help. Do you have any ideas how I can make the header display on top of the select control? Thanks!

SELECT control in IE is a REALLY BIG problem. As far as I know there is only one html element, which can be positioned on top of the SELECT control - it is IFRAME. I can only recommend showing SELECT controls only when the user edits the cell and hiding them in view mode.

Thanks for your reply!