[XHTML / CSS] Drop shadow positionering

[jvaneijk]

Beste mensen, goedemiddag allemaal.

Ik ben bezig met een website voor een klant. In deze website is een dropshadow verwerkt althans in het design. Nu probeer ik het ook nog in het ontwerp voor elkaar te krijgen maar het wil niet lukken. ik heb geen idee wat er nou precies mis gaat maar het heeft volgens mij te maken met de paddings.

hieronder de link naar de pagina voor live voorbeeld
http://jordy.oakleaf-racing.com/ctm/intern.html

ook nog even de code voor de goed orde waar het om gaat.

Cascading Stylesheet:

div.shadow-top {
    padding: 4px 0 0 0;
    background: url('../images/shadow_top.jpg') repeat-x top left;
}

div.shadow-right {
    xpadding: 0 4px 0 0;
    background: url('../images/shadow_left.jpg') repeat-y top right;
}

div.shadow-bottom {
    padding: 0 0 4px 0;
    background: url('../images/shadow_bottom.jpg') repeat-x bottom left;
}

div.corner-tr {
    padding: 0 4px 0 0;
    background: url('../images/corner_tr.jpg') no-repeat top right;
}

div.corner-br {
    background: url('../images/corner_br.jpg') no-repeat bottom right;
}

HTML:

<div class="shadow-top">
            <div class="shadow-right">
                <div class="corner-tr">
                    <div class="shadow-bottom">
                        <div class="corner-br">
                            <div id="content">
                                ...niet relevant...
                                </div>
                                <div style="clear: both;"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

[Zydell]

Kijk dit eens even door:

http://search.atomz.com/s...-8859-1&sp-p=All&sp-k=All