Credits goes to  hasin bhai who resolved those M$ IE related bugs.

Scenario 1:

Everything was loading fine on most of the browsers except IE 6, it was not render the <h2/> background, which was placed inside a div.
i.e: <div><h2>title</h2><p>some content</p></div>

Solution: use (position: relative)

Scenario: 2

Rectangle border was not rendering properly on IE.
i.e: <div class=”borderDiv”>some content, contains lot of floating div as well</div>

Solution: use (background: #fff);

<html:option value=”Australia”>Australia</html:option>
<html:option value=”Canada”>Canada</html:option>
<html:option value=”Germany”>Germany</html:option>
<html:option value=”Japan”>Japan</html:option>
<html:option value=”United Kingdom”>United Kingdom</html:option>
<html:option value=”United States of America”>United States of America</html:option>
<html:option value=”Afghanistan”>Afghanistan</html:option>
<html:option value=”Albania”>Albania</html:option>
<html:option value=”Algeria”>Algeria</html:option>
<html:option value=”American Samoa”>American Samoa</html:option>
<html:option value=”Andorra”>Andorra</html:option>
<html:option value=”Angola”>Angola</html:option>
<html:option value=”Anguila”>Anguila</html:option>
<html:option value=”Antarctica”>Antarctica</html:option>
<html:option value=”Antigua and Barbuda”>Antigua and Barbuda</html:option>
<html:option value=”Argentina”>Argentina</html:option>
<html:option value=”Armenia”>Armenia</html:option>
<html:option value=”Aruba”>Aruba</html:option>
<html:option value=”Austria”>Austria</html:option>
<html:option value=”Azerbaijan”>Azerbaijan</html:option>
<html:option value=”Bahamas”>Bahamas</html:option>
<html:option value=”Bahrain”>Bahrain</html:option>
<html:option value=”Bangladesh”>Bangladesh</html:option>
<html:option value=”Barbados”>Barbados</html:option>
<html:option value=”Belarus”>Belarus</html:option>
<html:option value=”Belgium”>Belgium</html:option>
<html:option value=”Belize”>Belize</html:option>
<html:option value=”Benin”>Benin</html:option>
<html:option value=”Bermuda”>Bermuda</html:option>
<html:option value=”Bhutan”>Bhutan</html:option>
<html:option value=”Bolivia”>Bolivia</html:option>
<html:option value=”Bosnia and Herzegovina”>Bosnia and Herzegovina</html:option>
<html:option value=”Botswana”>Botswana</html:option>
<html:option value=”Bouvet Island”>Bouvet Island</html:option>
<html:option value=”Brazil”>Brazil</html:option>
<html:option value=”British Indian Ocean Territory”>British Indian Ocean Territory</html:option>
<html:option value=”Brunei”>Brunei</html:option>
<html:option value=”Bulgaria”>Bulgaria</html:option>
<html:option value=”Burkina Faso”>Burkina Faso</html:option>
<html:option value=”Burundi”>Burundi</html:option>
<html:option value=”Cambodia”>Cambodia</html:option>
<html:option value=”Cameroon”>Cameroon</html:option>
<html:option value=”Cape Verde”>Cape Verde</html:option>
<html:option value=”Cayman Islands”>Cayman Islands</html:option>
<html:option value=”Central African Republic”>Central African Republic</html:option>
<html:option value=”Chad”>Chad</html:option>
<html:option value=”Chile”>Chile</html:option>
<html:option value=”China”>China</html:option>
<html:option value=”Christmas Island”>Christmas Island</html:option>
<html:option value=”Cocos (Keeling) Islands”>Cocos (Keeling) Islands</html:option>
<html:option value=”Colombia”>Colombia</html:option>
<html:option value=”Comoros”>Comoros</html:option>
<html:option value=”Congo”>Congo</html:option>
<html:option value=”Cook Islands”>Cook Islands</html:option>
<html:option value=”Costa Rica”>Costa Rica</html:option>
<html:option value=”Cote d’Ivoire (Ivory Coast)”>Cote d’Ivoire (Ivory Coast)</html:option>
<html:option value=”Croatia (Hrvatska)”>Croatia (Hrvatska)</html:option>
<html:option value=”Cuba”>Cuba</html:option>
<html:option value=”Cyprus”>Cyprus</html:option>
<html:option value=”Czech Republic”>Czech Republic</html:option>
<html:option value=”Denmark”>Denmark</html:option>
<html:option value=”Djibouti”>Djibouti</html:option>
<html:option value=”Dominica”>Dominica</html:option>
<html:option value=”Dominican Republic”>Dominican Republic</html:option>
<html:option value=”East Timor”>East Timor</html:option>
<html:option value=”Ecuador”>Ecuador</html:option>
<html:option value=”Egypt”>Egypt</html:option>
<html:option value=”El Salvador”>El Salvador</html:option>
<html:option value=”Equatorial Guinea”>Equatorial Guinea</html:option>
<html:option value=”Eritrea”>Eritrea</html:option>
<html:option value=”Estonia”>Estonia</html:option>
<html:option value=”Ethiopia”>Ethiopia</html:option>
<html:option value=”Falkland Islands”>Falkland Islands</html:option>
<html:option value=”Faroe Islands”>Faroe Islands</html:option>
<html:option value=”Fiji”>Fiji</html:option>
<html:option value=”Finland”>Finland</html:option>
<html:option value=”France”>France</html:option>
<html:option value=”French Guiana”>French Guiana</html:option>
<html:option value=”French Polynesia”>French Polynesiae=”Bu</html:option>
<html:option value=”French Southern Territories”>French Southern Territories</html:option>
<html:option value=”Gabon”>Gabon</html:option>
<html:option value=”Gambia”>Gambia</html:option>
<html:option value=”Georgia”>Georgia</html:option>
<html:option value=”Ghana”>Ghana</html:option>
<html:option value=”Greece”>Greece</html:option>
<html:option value=”Greenland”>Greenland</html:option>
<html:option value=”Grenada”>Grenada</html:option>
<html:option value=”Guadeloupe”>Guadeloupe</html:option>
<html:option value=”Guam”>Guam</html:option>
<html:option value=”Guatemala”>Guatemala</html:option>
<html:option value=”Guinea”>Guinea</html:option>
<html:option value=”Guinea-Bissau”>Guinea-Bissau</html:option>
<html:option value=”Guyana”>Guyana</html:option>
<html:option value=”Haiti”>Haiti</html:option>
<html:option value=”Heard and McDonald Islands”>Heard and McDonald Islands</html:option>
<html:option value=”Honduras”>Honduras</html:option>
<html:option value=”Hong Kong”>Hong Kong</html:option>
<html:option value=”Hungary”>Hungary</html:option>
<html:option value=”Iceland”>Iceland</html:option>
<html:option value=”India”>India</html:option>
<html:option value=”Indonesia”>Indonesia</html:option>
<html:option value=”Iran”>Iran</html:option>
<html:option value=”Iraq”>Iraq</html:option>
<html:option value=”Ireland”>Ireland</html:option>
<html:option value=”Israel”>Israel</html:option>
<html:option value=”Italy”>Italy</html:option>
<html:option value=”Jamaica”>Jamaica</html:option>
<html:option value=”Jordan”>Jordan</html:option>
<html:option value=”Kazakhstan”>Kazakhstan</html:option>
<html:option value=”Kenya”>Kenya</html:option>
<html:option value=”Kiribati”>Kiribati</html:option>
<html:option value=”Korea (North)”>Korea (North)</html:option>
<html:option value=”Korea (South)”>Korea (South)</html:option>
<html:option value=”Kuwait”>Kuwait</html:option>
<html:option value=”Kyrgyzstan”>Kyrgyzstan</html:option>
<html:option value=”Laos”>Laos</html:option>
<html:option value=”Latvia”>Latvia</html:option>
<html:option value=”Lebanon”>Lebanon</html:option>
<html:option value=”Lesotho”>Lesotho</html:option>
<html:option value=”Liberia”>Liberia</html:option>
<html:option value=”Liechtenstein”>Liechtenstein</html:option>
<html:option value=”Lithuania”>Lithuania</html:option>
<html:option value=”Luxembourg”>Luxembourg</html:option>
<html:option value=”Macau”>Macau</html:option>
<html:option value=”Macedonia”>Macedonia</html:option>
<html:option value=”Madagascar”>Madagascar</html:option>
<html:option value=”Malawi”>Malawi</html:option>
<html:option value=”Malaysia”>Malaysia</html:option>
<html:option value=”Maldives”>Maldives</html:option>
<html:option value=”Mali”>Mali</html:option>
<html:option value=”Malta”>Malta</html:option>
<html:option value=”Marshal Islands”>Marshal Islands</html:option>
<html:option value=”Martinique”>Martinique</html:option>
<html:option value=”Mauritania”>Mauritania</html:option>
<html:option value=”Mauritius”>Mauritius</html:option>
<html:option value=”Mayotte”>Mayotte</html:option>
<html:option value=”Mexico”>Mexico</html:option>
<html:option value=”Micronesia”>Micronesia</html:option>
<html:option value=”Moldova”>Moldova</html:option>
<html:option value=”Monaco”>Monaco</html:option>
<html:option value=”Mongolia”>Mongolia</html:option>
<html:option value=”Montserrat”>Montserrat</html:option>
<html:option value=”Morocco”>Morocco</html:option>
<html:option value=”Mozambique”>Mozambique</html:option>
<html:option value=”Myanmar”>Myanmar</html:option>
<html:option value=”Namibia”>Namibia</html:option>
<html:option value=”Nauru”>Nauru</html:option>
<html:option value=”Nepal”>Nepal</html:option>
<html:option value=”Netherland Antilles”>Netherland Antilles</html:option>
<html:option value=”Netherlands”>Netherlands</html:option>
<html:option value=”New Caledonia”>New Caledonia</html:option>
<html:option value=”New Zealand”>New Zealand</html:option>
<html:option value=”Nicaragua”>Nicaragua</html:option>
<html:option value=”Niger”>Niger</html:option>
<html:option value=”Nigeria”>Nigeria</html:option>
<html:option value=”Niue”>Niue</html:option>
<html:option value=”Norfolk Island”>Norfolk Island</html:option>
<html:option value=”Northern Marianas Islands”>Northern Marianas Islands</html:option>
<html:option value=”Norway”>Norway</html:option>
<html:option value=”Oman”>Oman</html:option>
<html:option value=”Pakistan”>Pakistan</html:option>
<html:option value=”Palau”>Palau</html:option>
<html:option value=”Panama”>Panama</html:option>
<html:option value=”Papua New Guinea”>Papua New Guinea</html:option>
<html:option value=”Paraguay”>Paraguay</html:option>
<html:option value=”Peru”>Peru</html:option>
<html:option value=”Philippines”>Philippines</html:option>
<html:option value=”Pitcairn”>Pitcairn</html:option>
<html:option value=”Poland”>Poland</html:option>
<html:option value=”Portugal”>Portugal</html:option>
<html:option value=”Puerto Rico”>Puerto Rico</html:option>
<html:option value=”Qatar”>Qatar</html:option>
<html:option value=”Reunion”>Reunion</html:option>
<html:option value=”Romania”>Romania</html:option>
<html:option value=”Russian Federation”>Russian Federation</html:option>
<html:option value=”Rwanda”>Rwanda</html:option>
<html:option value=”Saint Helena”>Saint Helena</html:option>
<html:option value=”Saint Kitts and Nevis”>Saint Kitts and Nevis</html:option>
<html:option value=”Saint Lucia”>Saint Lucia</html:option>
<html:option value=”Saint Pierre and Miquelon”>Saint Pierre and Miquelon</html:option>
<html:option value=”Saint Vincent and the Grenadines”>Saint Vincent and the Grenadines</html:option>
<html:option value=”Samoa”>Samoa</html:option>
<html:option value=”San Marino”>San Marino</html:option>
<html:option value=”Sao Tome and Principe”>Sao Tome and Principe</html:option>
<html:option value=”Saudi Arabia”>Saudi Arabia</html:option>
<html:option value=”Senegal”>Senegal</html:option>
<html:option value=”Seychelles”>Seychelles</html:option>
<html:option value=”Sierra Leone”>Sierra Leone</html:option>
<html:option value=”Singapore”>Singapore</html:option>
<html:option value=”Slovak Republic”>Slovak Republic</html:option>
<html:option value=”Slovenia”>Slovenia</html:option>
<html:option value=”Solomon Islands”>Solomon Islands</html:option>
<html:option value=”Somalia”>Somalia</html:option>
<html:option value=”South Africa”>South Africa</html:option>
<html:option value=”South Georgia and the South Sandwich Islands”>South Georgia and the South Sandwich Islands</html:option>
<html:option value=”Spain”>Spain</html:option>
<html:option value=”Sri Lanka”>Sri Lanka</html:option>
<html:option value=”Sudan”>Sudan</html:option>
<html:option value=”Suriname”>Suriname</html:option>
<html:option value=”Svalbard and Jan Mayen Islands”>Svalbard and Jan Mayen Islands</html:option>
<html:option value=”Swaziland”>Swaziland</html:option>
<html:option value=”Sweden”>Sweden</html:option>
<html:option value=”Switzerland”>Switzerland</html:option>
<html:option value=”Syria”>Syria</html:option>
<html:option value=”Taiwan”>Taiwan</html:option>
<html:option value=”Tajikistan”>Tajikistan</html:option>
<html:option value=”Tanzania”>Tanzania</html:option>
<html:option value=”Thailand”>Thailand</html:option>
<html:option value=”Togo”>Togo</html:option>
<html:option value=”Tokelau”>Tokelau</html:option>
<html:option value=”Tonga”>Tonga</html:option>
<html:option value=”Trinidad and Tobago”>Trinidad and Tobago</html:option>
<html:option value=”Tunisia”>Tunisia</html:option>
<html:option value=”Turkey”>Turkey</html:option>
<html:option value=”Turkmenistan”>Turkmenistan</html:option>
<html:option value=”Turks and Caicos Islands”>Turks and Caicos Islands</html:option>
<html:option value=”Tuvalu”>Tuvalu</html:option>
<html:option value=”Uganda”>Uganda</html:option>
<html:option value=”Ukraine”>Ukraine</html:option>
<html:option value=”United Arab Emirates”>United Arab Emirates</html:option>
<html:option value=”Uruguay”>Uruguay</html:option>
<html:option value=”Uzbekistan”>Uzbekistan</html:option>
<html:option value=”Vanuatu”>Vanuatu</html:option>
<html:option value=”Vatican City”>Vatican City</html:option>
<html:option value=”Venezuela”>Venezuela</html:option>
<html:option value=”Vietnam”>Vietnam</html:option>
<html:option value=”Virgin Islands (British)”>Virgin Islands (British)</html:option>
<html:option value=”Virgin Islands (US)”>Virgin Islands (US)</html:option>
<html:option value=”Wallis and Futuna Islands”>Wallis and Futuna Islands</html:option>
<html:option value=”Western Sahara”>Western Sahara</html:option>
<html:option value=”Yemen”>Yemen</html:option>
<html:option value=”Yugoslavia”>Yugoslavia</html:option>
<html:option value=”Zaire”>Zaire</html:option>
<html:option value=”Zambia”>Zambia</html:option>
<html:option value=”Zimbabwe”>Zimbabwe</html:option>
<html:option value=”other”>Other</html:option>

as we know html file field is unchangeable. you can change border style but you can’t use a button instead of traditional style.

recently i have introduced an article which clearly illustrated several examples.

though you can read it from here i am also giving my code snap.

here is live example: customized_file_field.html

<html>
<head>
<style type="text/css">
.file {
position: relative;
-moz-opacity:0;
filter:alpha(opacity: 0);
opacity: 0;
z-index: 2;
left: -160px;
}
.fake {
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}
</style>

</head>
<body>
<form action="null" style="position: relative;">
<input type="file" name="file" class="file" id="upload-file" />
<div class="fake">
<input type="button" value="upload" />
<input type="submit" value="submit" />
</div>
</form>
</body>
</html>