Runde Ecken von divs nicht mehr sichtbar

[Oliver]

Hallo Community,
ich habe ein Problem, und bitte euch um hilfe.

Und zwar habe ich ein Div mit runden Ecken gemacht, mit folgendem Quellcode:

html:
<div class="egal">
<div class='ro'></div>
<div class='lo'></div>
... Text
<div class='ru'></div>
<div class='lu'></div>
</div>

CSS:
.lo  { background: url(bilder/lo.jpg) no-repeat ;
         position:relative;top:-15px;left:-5px;}
.ro      { background: url(bilder/ro.jpg) no-repeat ;
         position:relative;top:-5px;left:516px;}
.lu  { background: url(bilder/lu.jpg) no-repeat;
         position:relative;bottom:-8px;left:-5px;}
.ru      { background: url(bilder/ru.jpg) no-repeat;
         position:relative;bottom:-18px;left:516px;}
.lo, .ru, .ro, .lu {
width: 100%;
height: 10px;
font-size: 1px;
}

Das hat auf meinem wamp Server zu Hause sehr schön funktioniert, aber als ich es auf einen richtigen Server ins Internet gestellt habe, ging es nicht mehr.
Ich finde einfach den Fehler nicht, ich habe es bei 3 Anbietern ausprobiert, und nirgendwo sah man die runden Ecken.

Kann es sein das webhoster ein anderes system verwenden?

danke + mfg
Oliver