I am using a webkit-box-shadow in my css, the code is running fine, I mean the form is looking well aligned in IE, Chrome but not in Mozilla.
Below is my CSS code.
.form {
width: 950px;
text-align:left;
height:auto;
background: #fff;
color: #777;
-webkit-box-shadow: 0px 0px 8px 2px #d1d1d1;
-moz-box-shadow: 0px 0px 8px 2px #d1d1d1;
box-shadow: 0px 0px 8px 2px #d1d1d1;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
overflow: hidden;
}
.formtitle {
padding: 10px;
width:950px;
font-size: 30px;
text-shadow: -1px -1px #5D7B ...
Go to the complete details ...