IE7 + CSS & Inputs

[Bellardia]

I'm looking for a workaround that will allow a div to be placed on top of an input element (specifically a text input). I've tried several methods using absolute/relative positioning and z-index, but IE ignores them and insists that the input remains on top.

Anyone have any work around? Including css/javascript/xhtml methods to cover up this input.

If curious, it involves partially covering the input when there's an alert. Reasoning is purely stylistic, although rather important to me in this case.

[glaive]

Do you have an example of what you have so far?

[Bellardia]

Not really anything to show, its a standard IE bug.

If you want to replicate it, take any HTML page and put an input down, then position a div on top of it, you'll still see the input.

Chances are if you don't know what I'm talking about you can't help me.

[glaive]

<a href="http://www.hedgerwow.com/360/bugs/css-select-free.html" target="_blank">http://www.hedgerwow.com/360/bugs/css-select-free.html</a>

There is one solution a quick Google search found it.

[Bellardia]

Thanks I'll take a look at this. Hopefully it validates as required.