Horizontaler Scrollbalken im Chrome durch Pseudo-Elemente?

Dustin84

Erfahrenes Mitglied
Hallo Leute,

ich habe ein Problem mit dem guten Chrome.
Meine zentrierter Seitencontainer hat eine Breite von 960px und ich erhalte unten einen Scrollbalken. Das liegt an diversen Pseudo Elementen, die ich wie folgt einbinde:

Beispiel Text mit Icon davor:
PHP:
<div class="tel">0531 708 8686</div>

Code:
.tel {
position: relative;
color: #007AA8;
padding-left: 22px;
line-height: 1;
z-index: 444;
}

.tel:before {
content: url(../img/sprite-icons.png);
position: absolute;
z-index: 444;
clip: rect(1px 117px 14px 98px);
left: -98px;
top: -1px;
}

Wenn ich die Pseudo Elemente deaktiviere verkürzt sich der Scrollbalken.
Es scheint so, als ob der Wert "left: -98px;" zur Seitenbreite addiert wird.

Ich bin da echt ratlos...
 
Zurück