Dziwne zachowanie DIV w IE

[Louner]

Mam pewien problem z DIV'ami pod IE. Zaznaczam, że pod Firefox'em i Operą wszystko jest ok. : P
Dodam jeszcze, że przesunięcie nie występuje, kiedy usunę

Kod: Zaznacz cały

        border-left: 10px solid #D3CCBC;

Jak mogę sobie z tym poradzić?

Kod wygląda następująco:

CSS:

Kod: Zaznacz cały

DIV.wciecie
{
        padding: 5px;
        padding-left: 10px;
        border-left: 10px solid #D3CCBC;
        background: #fff;
        margin-bottom: 5px;
}

HTML:

Kod: Zaznacz cały

                                <div class="wciecie">
                                        <p><strong>Zobacz:</strong></p>
                                        <ul>
                                                <li>Najlepiej oceniane</li>
                                                <li>Najnowsze</li>
                                                <li>Najpopularniejsze</li>
                                        </ul>
                                </div>
                                <div class="wciecie">
                                        <p><strong>Zobacz:</strong></p>
                                        <ul>
                                                <li>Najlepiej oceniane</li>
                                                <li>Najnowsze</li>
                                                <li>Najpopularniejsze</li>
                                        </ul>
                                </div>

A efekt:

[koziolek]

Inna interpretacja border przez IE. Jeżeli div ma Npx szerokości i Mpx ramki to w FF i O będziue miał w sumie N + 2*M szerokości a w IE będzie miał N szerokości

[Louner]

No, nic, dziękuję. : / Będę kombinował.

[koziolek]

Pogooglaj za css hacks