[DIV] Kropka w obramowaniu Opcje

[free]

Mam taki kawałek kodu CSS:

Kod

#tresc
{
border-left:gray dotted 1px;
border-top: none;
border-right:gray dotted 1px;
border-bottom:gray dotted 1px;
}

W FF wyglada to wporządku, ale w IE /niestety wiekszosc internautów korzysta z tego.../
Chcialbym to ujednolicic, by jako obramowanie byla krpopka w postaci pliku np bg.png.
Jak to przerobic ?
Na poczekaniu wymyslilem takie cos
border-bottom:gray dotted 1px:url('images/bg.png');
Dobrze kombinuje czy nie ?

[free]

Szkoda, łudziłem się jeszcze ze mozna ustawic tam gifa.
Pozostaje rozwiazanie kazia. Tylko jak si edo tego zabrac, by własnie ten 1px nie zadecydowal o rozjechaniu sie strony. Wiekszosc stron, ktorych podgladam kod zrodlowy jest oparta o tabele i wlasnie stauje naokolo dodatkowe kolumny wlanie z tym kropkowanym tlem. Czy jest jakis prosty sposob na zastosowanie tego w DIV ?