CSS overflow: hidden; ne fonctionne pas

Je suis d'avoir des problèmes avec overflow: hidden ne fonctionne pas dans mon cas.

J'ai un div id=ticker qui fonctionne essentiellement comme un ticker de défilement. Donc, je suis en ajoutant du contenu dynamique div id=ticker

L'div id=ticker est contenu dans un autre div qui est contenue dans une autre div, fondamentalement, pensez-y comme à 4-5 niveau de l'arbre comme la structure

corps -> div[id=wrapper] -> div[class=principal] -> div[class=content] -> div[class=image] -> div[class=bg] -> div[class=primaire-content] -> div[id=ticker]

Heres le css...

#wrapper {
 width: 942px;
 margin: 0 auto;
 position:relative;
 overflow:hidden;
}

.main{
 width:942px;
 margin:163px 0 0;
 overflow:hidden;
}

.content{
 background:url(../images/content-bg.gif) repeat-y;
 overflow:hidden;
 width:662px;
 float:left;
}

.frame{
 background:url(../images/frame-bg.gif) no-repeat 0 0;
 width:662px;
}

.bg{
 background:url(../images/bg-bg.gif) no-repeat 0 100%;
 width:662px;
 overflow:hidden;
}
.primary-content{
 padding: 12px 20px 40px 22px;
 width:620px;
 overflow:hidden;
}

#ticker {
    overflow: hidden;
}

Aussi, si cela aide - le ticker div contient une liste de div[class=breadcrumps], sur lequel je suis en train de faire défiler

.breadcrumbs{
 border-bottom:1px solid #ebebeb;
 padding:6px 0 6px 0;
 overflow:hidden;
 clear:both;
}

Ce que je vois, lorsque j'ajoute breadcrumps div ticker, le page/ticker liste ne cesse de s'agrandir 🙁

Toute aide serait appréciée.

Grâce.

OriginalL'auteur kapso | 2010-04-07