p01-contact : simply add contact forms in your pages

[filupn]

Sure, sorry.

To my knowledge it is the default styles, altered slightly...


/** CONTACT FORM **/
.p01-contact {position:relative; width: 500px; color:inherit; margin-bottom:0px; overflow:hidden; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; behavior: url(PIE.htc);}

.p01-contact .field {margin-bottom:10px}
.p01-contact .field.captcha {float:left}
.p01-contact .text input {width:300px;}
.p01-contact .captcha input {width:300px;color:inherit !important;background-color:#FFF;}
.p01-contact textarea {width:300px;height:auto}

.p01-contact .text input, .p01-contact .captcha input, .p01-contact textarea {background-color:#FFF; border:1px solid #E31837; font-size:12px; color:inherit !important; padding:5px; behavior: url(PIE.htc);}

.p01-contact .text input {color:inherit;}

.p01-contact .submit {-moz-border-radius:10.2em 10.2em 10.2em 10.2em; -moz-box-shadow:0 0.1em 0.2em rgba(0, 0, 0, 0.5); background-color:#E31837; border-bottom:0.2em solid #E31837; color:#FFF; cursor:pointer; font-size:1em; line-height:1; padding:0.3em 0.6em; text-shadow:0 0 0.1em #E31837;}
/** CONTACT FORM END**/


Hope this helps?

In the GS editor, switch to "Source" view and replace the <p> tags that are around (% contact %) to <div>s.

The reason this is happening to you is that it's not valid HTML markup to have a <form> element inside of a <p> element, and that's what is messing up IE9. The GS editor automatically places <p>s around the (% contact %) tag, so you have to manually change them to <div>s for your markup to be valid. Other browsers can deal with the invalid markup, but IE9 chokes on it.

This issue was mentioned already as needing to be fixed, but apparently it's still on the to-do list for the plugin author to fix.