transparenz zerstört inputfeld

[Marcus]

Hallo zusammen,

ich habe folgenden kleinen Code:

<div id="content_bg">
 <div>
  <form method="post" action="/kontakt.htm">
   <input type="text" name="name" style="width:200px;" id="name"/>
  </form>
 </div>
</div>

...und folgenden Style:

#content_bg
{
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/white_back.png', sizingMethod='scale');
    background-repeat: repeat-y;
    width: 714px;
    float:left;
    min-height: 200px;
    height: auto;
    _height: 200px;
    float:left;
}

Da das Layout transparenz benötigt, kann ich auf die PNG-Lösung leider nicht verzichten. Mein Problem ist nun, dass das Input-Feld aus dem Form nicht anklickbar ist. Es erscheint zwar, man kann aber nur per TAB hinklicken und was eintragen, Klick per Maus ist nicht mehr möglich.
Habe auch schon mit dem Z-Index rumgespeilt, leider ohne Erfolg.

Hat jemand eine Idee oder einen Tip?

PS: trifft übrigens nur beim IE zu

Danke und Gruß
Marcus

[Axel Richter]

Hallo,

Hat jemand eine Idee oder einen Tip?

  
#content_bg div { position:relative; }  

wobei Du das innere DIV hierfür eigentlich nicht brauchst.

  
#content_bg form { position:relative; }  

ginge auch.

viele Grüße

Axel

[Marcus]

Hi Axel,

funzt prima, DANKE!

Hallo,

Hat jemand eine Idee oder einen Tip?

#content_bg div { position:relative; }

> wobei Du das innere DIV hierfür eigentlich nicht brauchst.  
>   
> ~~~css
  

> #content_bg form { position:relative; }  
> 

ginge auch.

viele Grüße

Axel