Отображение курьеров - в чем может быть проблема

[stiv]

Помогите разобраться. При отображении курьеров в пошаговой покупке один курьер (пятый ) смещается вправо -см. картинку. Если возможных курьеров до 4, всё отображается нормально. Появляется пятый - смещается.

Код: [Выделить]

<div class="delivery_options">
    <div class="delivery_option item">
    <div class="delivery_option alternate_item">
    <div class="delivery_option item">
    <div class="delivery_option alternate_item">
    <div class="delivery_option item">
Просматриваю коды и стили через Fireburg - ничего лишнего или отличающегося от предыдущих двух пар (delivery_option item+delivery_option alternate_item). Такое ощущение, что где-то что-то прописано только для 2-х пар. Что это может быть и где искать причину?

[DarinSr]

Если курьеров 4, то какой класс стилей у последнего курьера?
Подставьте  эти стили у последнего 5-го курьера.

[stiv]

<div class="delivery_options">
    1.курьер<div class="delivery_option item">
    2.курьер<div class="delivery_option alternate_item">
    3.курьер<div class="delivery_option item">
    4.курьер<div class="delivery_option alternate_item">
    5.курьер<div class="delivery_option item">
 У пятого курьера стиль такой же как у 1 и 3.

[coder]

Какая разница между классами "alternate_item" и "item"?

[stiv]

Вот коды:

Код: [Выделить]

div class="delivery_option item"> -- отображается нормально
<input id="delivery_option_11_2" class="delivery_option_radio" type="radio" checked="checked" value="59," onchange="updateExtraCarrier('59,', 11);" name="delivery_option[11]">
<label for="delivery_option_11_2">
<table class="resume">
<tbody>
<tr>
<td class="delivery_option_logo">
<img alt="Курьер Organica&Beauty по регионам" src="/img/s/59.jpg">
</td>
<td>
<div class="delivery_option_title">Курьер Organica&Beauty по регионам</div>
<div class="delivery_option_delay">Доставка по всем регионам до двери</div>
<div class="delivery_option_fast delivery_option_icon"></div>
</td>
<td>
<div class="delivery_option_price"> 290,00 руб (с НДС) </div>
</td>
</tr>
</tbody>
</table>
<table class="delivery_option_carrier selected not-displayable">
</label>
</div>
<div class="delivery_option alternate_item">  -[b]отображается нормально[/b]
<input id="delivery_option_11_3" class="delivery_option_radio" type="radio" value="80," onchange="updateExtraCarrier('80,', 11);" name="delivery_option[11]">
<label for="delivery_option_11_3">
<table class="resume">
<tbody>
<tr>
<td class="delivery_option_logo">
<img alt="DPD Consumer" src="/img/s/80.jpg">
</td>
<td>
<div class="delivery_option_title">DPD Consumer</div>
<div class="delivery_option_delay">Экспресс доставка до двери</div>
</td>
<td>
<div class="delivery_option_price"> 350,00 руб (с НДС) </div>
</td>
</tr>
</tbody>
</table>
<table class="delivery_option_carrier not-displayable" style="display: none;">
</label>
</div>
<div class="delivery_option item"> - [b]отображается со смещением[/b]
<input id="delivery_option_11_4" class="delivery_option_radio" type="radio" value="82," onchange="updateExtraCarrier('82,', 11);" name="delivery_option[11]">
<label for="delivery_option_11_4">
<table class="resume">
<tbody>
<tr>
<td class="delivery_option_logo">
<img alt="DPD Classic Parcel" src="/img/s/82.jpg">
</td>
<td>
<div class="delivery_option_title">DPD Classic Parcel</div>
<div class="delivery_option_delay">Наземная доставка с простым тарифом до двери – дешевле, но несколько дольше, чем экспресс-доставка DPD</div>
</td>
<td>
<div class="delivery_option_price"> 440,00 руб (с НДС) </div>
</td>
</tr>
</tbody>
</table>
<table class="delivery_option_carrier not-displayable" style="display: none;">
</label>
</div>
Вот CSS коды для delivery_option item

Код: [Выделить]

#order .delivery_option_radio, #order-opc .delivery_option_radio {
    float: left;
    margin: 21px 12px;
}
.order_carrier_content input {
    position: relative;
    top: 1px;
}
body, td, th, input, textarea, select, #twitter_update_list {
    font-size: 12px;
}
input, select, textarea, button {
    color: #928F8F;
    vertical-align: middle;
}
#order .delivery_option label, #order-opc .delivery_option label {
    padding-bottom: 5px;
    padding-top: 5px;
}
#order .delivery_option label > table.resume, #order-opc .delivery_option label > table.resume {
    height: 46px;
    width: 685px;
}
table {
    border: 0 none;
    border-spacing: 0;
    empty-cells: show;
    font-size: 100%;
}
Вот CSS коды для delivery_option alternate_item

Код: [Выделить]

#order .delivery_option.alternate_item, #order-opc .delivery_option.alternate_item {
    background: none repeat scroll 0 0 #F1F2F4;
    border-bottom: 1px solid #BDC2C9;
    border-top: 1px solid #BDC2C9;
}
#order .delivery_option_radio, #order-opc .delivery_option_radio {
    float: left;
    margin: 21px 12px;
}
.order_carrier_content input {
    position: relative;
    top: 1px;
}
body, td, th, input, textarea, select, #twitter_update_list {
    font-size: 12px;
}
input, select, textarea, button {
    color: #928F8F;
    vertical-align: middle;
}
#order .delivery_option label, #order-opc .delivery_option label {
    padding-bottom: 5px;
    padding-top: 5px;
}
#order .delivery_option label > table.resume, #order-opc .delivery_option label > table.resume {
    height: 46px;
    width: 685px;
}
table {
    border: 0 none;
    border-spacing: 0;
    empty-cells: show;
    font-size: 100%;
}
Никаких проблем в кодах вроде не вижу.

[stiv]

Друзья-товарищи, неужели никто помочь не может?    Очень нужно найти причину.

[mAgency]

Установите firebug, откройте консоль отладки в firefox (F12), выделите последний блок и меняйте стили прямо в браузере.