Problema con desajuste en web

[wyrko]

Wenas a todos, hemos montado en nuestra comunidad un Top de servidores de Lineage 2, pero a la hora de añadir servidores cuando la lista se alarga mucho hay una parte de los bordes que sae sale por fuera de los margenes podeis verlo en: http://www.topserver.eliteadmins.es/

Alguno sabría decirme debido a que se sale de los margenes? si necesitais algún trozo de código específico para comprobar perdirmelo, gracias de antemano.

[hades87]

eso es por que en el div con clase module, en el background tienes color e imagen. Mira de ponerle solo el color

[wyrko]

El CSS del module está así:

Código CSS:

/* MODULE
--------------------------------------------------------- */
div.moduletable h3 {
    margin: 0 -8px 10px;
    padding: 0 0 0 30px;
    font-size: 100%;
    height: 28px;
    line-height: 28px;
    color: #333333;
    background: url(../images/h3-bg.gif) no-repeat left;
    text-transform: uppercase;
}
 
div.moduletable h3 span {
    display: block;
    height: 28px;
    background: url(../images/h3-bg.gif) no-repeat right;
}
 
div.moduletable {
    margin: 0;
    padding: 0 15px;
}
 
div.module h3,
div.module_text h3,
div.module_menu h3,
div.module_hilite h3,
div.module_fixbr h3,
div.ja-box-br h3 {
    margin: 0 -6px 10px;
    padding: 0 0 0 30px;
    font-size: 100%;
    height: 28px;
    line-height: 28px;
    color: #333333;
    background: url(../images/h3-bg.gif) no-repeat left;
    text-transform: uppercase;
}
 
div.module h3 span,
div.module_text h3 span,
div.module_menu h3 span,
div.module_hilite h3 span,
div.module_fixbr h3 span,
div.ja-box-br h3 span {
    display: block;
    height: 28px;
    background: url(../images/h3-bg.gif) no-repeat right;
}
 
div.module,
div.module_text,
div.module_menu,
div.module_hilite,
div.module_fixbr,
div.ja-box-br {
    padding: 0;
    float: left;
    clear: both;
    width: 100%;
    background: url(../images/box-br.gif) no-repeat bottom right #222222;
    overflow: hidden;
    margin-bottom: 5px;
}
 
div.module div,
div.module_text div,
div.module_menu div,
div.module_hilite div,
div.module_fixbr div,
div.ja-box-bl {
    padding: 0;
    background: url(../images/box-bl.gif) no-repeat bottom left;
}
 
div.module div div,
div.module_text div div,
div.module_menu div div,
div.module_hilite div div,
div.module_fixbr div div,
div.ja-box-tr {
    padding: 0;
    background: url(../images/box-tr.gif) no-repeat top right;
}
 
div.module div div div,
div.module_text div div div,
div.module_menu div div div,
div.module_hilite div div div,
div.module_fixbr div div div,
div.ja-box-tl {
    padding: 15px 20px 15px;
    background: url(../images/box-tl.gif) no-repeat top left;
}
 
div.module div div div div,
div.module_text div div div div,
div.module_menu div div div div,
div.module_hilite div div div div,
div.module_fixbr div div div div {
    margin: 0;
    padding: 0;
    background: none;
}
 
/* mis */
div.banneritem_text {
    padding: 5px 0 !important;
}
 
div.advs {
    clear: both;
    display: block;
    width: 100%;
}
 
div.moduletable li,
div.moduletable_menu li,
div.moduletable_text li,
div.module li,
div.module_menu li,
div.module_text li {
    padding-left: 15px;
    background-position: 5px 7px;
}
 

[hades87]

mira de quitar esto: background: url(../images/box-tl.gif) no-repeat top left; y trata de organizar un poco mas el css, que se ve caótico