css unclickable input fields

text field input form field unclickable

[malachi]

I'm by no means a css veteran, just another graphic designer trying to switch from tables, so any help would be vastly appreciated. I was so excited when I finally got the my scaffold to stretch and feel right. (Who knows how it looks on Mac / Firefox yet)

<snip>

obviously some tweaking still needs to be done, but when I went to fill in the form, I could only click the TOP BORDER of the text fields on the form to focus the input. Does anyone have any ideas? I was hoping I could just increase the z-index but nope..

thanks everyone!

[edited by: DrDoc at 12:57 am (utc) on Sep. 29, 2006]
[edit reason] no personal URLs, no site reviews [/edit]

[penders]

(In Firefox you cannot click on the form fields at all)

Your #Layer3 seems to be on top of your form, which is preventing you from clicking the fields in your form. Currently, your #Layer3 has width:100% - is that necessary? If you set a width and position it on the right, it works ok... eg.

#Layer3 {
position:absolute;
top:150px;
right:0;
width:200px;
....etc.
}

I think absolutely positioned elements should be given top/bottom, left/right values, but a few of yours do not seem to?

Hope that helps, welcome to WebmasterWorld.