Form Field flexible shadow with CSS

I have a form to be worked upon. Here is the image

The problem is every form field has a shadow on left, right and bottom which should be flexible. I have not started m开发者_如何转开发y work on it at all but not able to think of best solution for this design with CSS2 not CSS3 [Requirement :( ] . Can anyone help me out or suggest me any solution??

Use the following cross browser shawdow properties.

input{
    -moz-box-shadow: 3px 3px 4px #ccc;
    -webkit-box-shadow: 3px 3px 4px #ccc;
    box-shadow: 3px 3px 4px #ccc;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');
}

change the values as needed

since u insist on css2...

You will have to use images positioned relative to the input controls...