Issues of Kendo Controls in IE

My application was developed using MVC.I have view which internally has two partial views .In the edit mode, I'm reloading one the 1st partial view .But I'm facing issues kendo dropdown controls .Data is getting loaded but scrollbar in dropdown is not visible because of which data is not shown properly .The same is working fine in google chrome.

 

I have tried changing styles of those div's in  which I have my  kendo dropdown's are there but it didnt work.

Below is the code for reference:

<div class="k-animation-container km-popup" style="width: 250px; height: 206px; margin- padding- padding-right: 10px; padding-bottom: 15px; display: none; "><div class="k-list-container k-popup k-group k-reset" id="MaintenanceType-list" data-role="popup" style="height: 200px; display: none; font-family: 'Segoe UI', Verdana, Tahoma, Arial; font-size: 11px; font-style: normal; font-weight: normal; line-height: normal; width: 244px; -webkit-transform: translateY(-206px);"><ul unselectable="on" class="k-list k-reset" tabindex="-1" role="listbox" aria-hidden="true" id="MaintenanceType_listbox" aria-live="off" style=""><li tabindex="-1" role="option" unselectable="on" class="k-item"></li><li tabindex="-1" role="option" unselectable="on" class="k-item">AUX - Accessories belonging to EA group</li><li tabindex="-1" role="option" unselectable="on" class="k-item">ARL - Artificial Lift</li>

 

 

2nd Issue:I have textbox which is in readonly mode in IE but the read only property is false where as it is allowing to enter characters insame text box in chrome.

 

 

Can please help me to resolve this issues.