ساختار غلط

[e_a_23]

فرم زیر رو ببینید:


<div class="ReserveForm"> <img src="Images/hotel-icon.png" title="hotel-icon" class="hotelIcon" /> <table cellpadding="0" cellspacing="4"> <th> رزرو هتل </th> <tr> <td class="labels"> شهر </td> <td class="select mrgRight"> <select class="mySelect" name="city"> <option value="tehran" selected="selected">تهران</option> <option value="mashhad">مشهد</option> <option value="kish">کیش</option> </select> </td> </tr> <tr> <td class="labels"> هتل </td> <td class="select mrgRight"> <select class="mySelect" name="city"> <option value="tehran" selected="selected">استقلال</option> <option value="mashhad">قصر</option> <option value="kish">داریوش</option> </select> </td> </tr> <tr> <td class="labels"> تاریخ ورود </td> <td class="txtcheckin"> <input type="text" id="txtIn" name="checkIn" /> </td> <td> <a href="#"> <img src="Images/calendar.png" class="calendar" title="calendar" /></a> </td> </tr> <tr> <td class="labels"> تعداد شب </td> <td class="select Mrg"> <select class="mySelect" name="city"> <option value="1" selected="selected">1</option> <option value="2">2</option> <option value="3">3</option> </select> </td> </tr> <tr> <td class="button" colspan="2"> <input type="button" id="btn_search" value="جستجو" /> </td> </tr> </table> </div>


.mrgRight
{
margin-right: 10px;
}
.Mrg
{
margin-right: -24px;
}


به جاهایی که از دو کلاس mrgRight و Mrg اسفاده کردم نگاه کنید. نباید اینجوری باشه. یعنی فکر می کنم بشه جوری نوشت که نیازی به این کلاس ها نباشه. یه جایی اینا مشکل ایجاد کردن. جور دیگه ای می تونم بنویسمشون؟
118003

[e_a_23]

مشکل اینجاست که توی کروم ورژن 24 اون کمبوباکس مربوط به هتل کمی به راست می ره.