Kendo Validator not working when divs have their widths set as 100%;

[Vijay]

Hi,
Please refer to the foloowing HTML snippet. I have added the kendo and jquery references properly.
When I remove the percentage values the validator function works properly. But when it is set to percentage it will not work Please help. Thanks in advance
Regards,
Vijay


   <div style="width: 90%; height: 8%; float: left;">
<label id="lblUserName" class="LoginLabel required" for="UserName">
Username:
</label>
</div>
<div style="width: 90%; height: 16%; float: left;">
<input id="txtUserName" type="text" maxlength="100" class="LoginTextBox" 
name="UserName"   placeholder="UserName" required validationmessage="Please enter {0}" />
</div>

[Kiril Nikolov]

Hello Vijay,

I was not able to reproduce this issue. Please check the following jsBin showing the test example, with width 100% set to the div container:

http://jsbin.com/EzuNiQAw/1/edit

Please tell me if I missed something.

Regards,
Kiril Nikolov
Telerik