[videobox] fehlerhafte Abstände (padding) im DIV

[teo]

Habe das Problem, dass ich in der Videobox, rechts und unten einen zu großen Abstand innerhalb des DIVs 'ce_videobox' habe, obwohl ich für 'image_container' die selbe CSS-Definition verwende und die Bilder und die Videobreite übereinstimmen (425px). Habe auch schon versucht den DIV in dem das Video eingebettet wird, innerhalb von 'ce_videobox', zu modifizieren, aber ohne Erfolg.

Hier das CSS

.ce_gallery .image_container,
.ce_videobox
{
    margin: 5px;
    padding: 5px;
    background-color: #F6F6E6;
    border: 1px solid #C6C696;
    border-radius: 5px;
    -moz-border-radius: 5px;
} 

Hier das Bild der Seite (Die Texte wurden kaschiert, befinden sich aber genau in den Bereichen)

[ways2web]

sollte das ne klassenaufzählung werden, dann fehlt da schon mal ein komme oder irre ich?

[teo]

.ce_gallery .image_container,

gehoert zusammen (Bild-DIV innerhalb des Galerie-DIV) und funktioniert ja auch bestens.
Mir geht es um den .ce_videobox

[ways2web]

sicher, dass sowas auch mit dem IE6 funzt, sofern du den berücksichtigst ?

[teo]

Für den IE (6/7) habe ich wenn noetig die Angaben in CSS per conditional comments verpackt. Für diese Webseite musste ich auch nur wenige Elemte auslagern, wegen der absoluten Ausrichtung einiger Bereiche im Header. Arbeite allerdings primär mit Opera, Chrome und Firefox. Aber die Videobox sieht überall gleich komisch aus. Der IE macht hier wenig Unterschied zu den anderen.

Ich habe es jetzt so gelöst:
- Für das seitliche padding, einen separaten Selektor mit fester Breite 'verbietet', dass es breiter wird.
- Für das untere padding habe ich für das <p> mit der Bildunterschrift auch noch Werte gesetzt (da meine Blockelemente innerhalb von .mod_article bereits einen Abstatzabstand nach unten bekamen. Finde ungünstig, dafür ein <p> zu verwenden. Bei anderen Erweiterungen werden <span> oder <div> für die Unterschriften verwendet.

.ce_videobox {
    width: 425px; 
}

.ce_videobox div p {
    margin: 0px;
    padding: 0px;
}