Watermark is not align at the center in Safari 5.1.2

[GoogleCodeExporter]

Code snippets:

css

.realtext
{
    font-size:24px;width:80%; vertical-align:middle; background-color:#fffdfd;  height:32px; line-height:32px;border-radius:3px;
    -webkit-border-radius:3px;-moz-border-radius:3px; -ie-border-radius:3px; border:1px solid silver; text-align:center
}

.btn_screen_capture input{width:100px; height:30px; font-size:18px;}
.btn_screen_capture{  text-align:center; padding:0px;}

codes

<asp:Panel ID="panelEmailAddress" runat="server">
    <table class="table_screen_capture">
        <tr>
            <td>
                <asp:TextBox ID="txtEmailAddress" runat="server" CssClass="realtext"></asp:TextBox>
                <span>*</span>
                </td>
        </tr>
    </table>
</asp:Panel>

<script type="text/javascript">
    $(function () {
        $("#<%=txtEmailAddress.ClientID%>").watermark("Email Address");
    });
</script>

The expected output will be "Email Address" watermark will be at the center of 
the textbox instead of being left align.

Version:
1) Watermark Plugin 3.1.3
2) Windows 7 Ultimate
3) Safari 5.1.2
4) VS Studio 2010

Please provide any additional information below.

Thanks,

Reno

Original issue reported on code.google.com by beerpa...@gmail.com on 20 Dec 2011 at 11:45

[GoogleCodeExporter]

I can confirm that center-aligned text works fine with the watermark.  It must 
be something in your markup and/or CSS that is causing the problem.  After the 
page loads, use Firebug or some other real-time debugger that examine why the 
text box is not centering the watermark and/or text.

Original comment by t...@speednet.biz on 20 Dec 2011 at 12:55

• Changed state: Invalid
• Added labels: ****
• Removed labels: ****

[GoogleCodeExporter]

This is valid issue. This plugin does not support text-align: center on any 
browser.

Original comment by ra...@angarka.ru on 22 Aug 2014 at 2:02

• Added labels: ****
• Removed labels: ****