Hi all,
I was going through thread : http://www.sitepoint.com/forums/showthread.php?784356-Select-box-padding
as I am facing the exact same issue while trying to render a select inside a div. The markup is as follows:
<div id="TaskComboBox_Div" style="left: 10px; top: 49px; height: 200px; visibility: visible; position: absolute; z-index: 20000;">
<select id="TaskComboBox_select" style="width: 95%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 8.5pt; z-index: 20001; background-color: rgb(240, 240, 240);" onkeydown="SuggestSelect_OnKeyDown('TaskComboBox_InputTextBox','TaskComboBox_Div','TaskComboBox_select','TaskComboBox_SelectedValTextBox','','selected');" onkeyup="SuggestSelect_OnKeyUp('TaskComboBox_InputTextBox','TaskComboBox_Div','TaskComboBox_select','TaskComboBox_SelectedValTextBox','','selected');" onclick="SuggestSelect_SelectedItemChanged('TaskComboBox_InputTextBox','TaskComboBox_Div','TaskComboBox_select','TaskComboBox_SelectedValTextBox','Click','','selected',event);" onblur="SuggestSelect_OnBlur('TaskComboBox_InputTextBox','TaskComboBox_Div','TaskComboBox_select','TaskComboBox_SelectedValTextBox','','selected');" onchange="SuggestSelect_SelectedItemChanged('TaskComboBox_InputTextBox','TaskComboBox_Div','TaskComboBox_select','TaskComboBox_SelectedValTextBox','Change','','selected',event);" multiple="">
<option title="100HM-NO. 1 OZONE (100HM) FILTER" value="100HM;57084185.DB1" profileId="null" taskType="PN" profPos="null" profType="null" taskTimes="null">
I have checked the server side code as well as the JavaScript code as suggested in the mentioned thread and it is not setting any padding property.Also the same seems to render fine in other browsers such as chrome. Attached is a screenshot of the rendered html. Any help is appreciated.