<div>
I don't see anything in the CSS that would do that. &nbsp;However, you do have a webform.js call. &nbsp;Try disabling that. &nbsp;<br />
<br />
If that doesn't work, then let's start disabling each script 1 by 1 to see if it's a JS thing.
</div>


I don't see anything in the CSS that would do that.  However, you do have a webform.js call.  Try disabling that.  

If that doesn't work, then let's start disabling each script 1 by 1 to see if it's a JS thing.

<div>
Thanks LZ1 - I disabled Javascript but the issue was still there. I then deleted all the css and it went away (along with all my styles) I started deleting chunks of css and narrowed it down to this <br />
<br />
#main-content {<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;filter:<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;progid:DXImageTransform.Mi<wbr />crosoft.Sh<wbr />adow(color<wbr />='#B9B9B9'<wbr />, Direction=45, Strength=6)<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;progid:DXImageTransform.Mi<wbr />crosoft.Sh<wbr />adow(color<wbr />='#B9B9B9'<wbr />, Direction=315, Strength=6);<br />
<br />
If I delete the filter the text fields appear correctly however the shadows disappear and the major problem is that Firefox and Chrome break completely!
</div>


Thanks LZ1 - I disabled Javascript but the issue was still there. I then deleted all the css and it went away (along with all my styles) I started deleting chunks of css and narrowed it down to this

#main-content {
      filter:
      progid:DXImageTransform.Microsoft.Shadow(color='#B9B9B9', Direction=45, Strength=6)
      progid:DXImageTransform.Microsoft.Shadow(color='#B9B9B9', Direction=315, Strength=6);

If I delete the filter the text fields appear correctly however the shadows disappear and the major problem is that Firefox and Chrome break completely!

<div>
<div class="content wysiwyg-content">
On our site <a href="http://bit.ly/H1lqCy" rel="ugc">http://bit.ly/H1lqCy</a>&nbsp;the cursor/caret appears above and to the left of the text field (and text areas). This only occurs in Internet Explorer (tested in IE8).<br />
When text is typed it displays correctly in the textfield.<br />
Any help is much appreciated.
</div>
</div>


On our site http://bit.ly/H1lqCy the cursor/caret appears above and to the left of the text field (and text areas). This only occurs in Internet Explorer (tested in IE8).
When text is typed it displays correctly in the textfield.
Any help is much appreciated.

Caret / Cursor appears above textfields

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.