Dall'immagine non riesco a capire se i blocchi neri devono "sbordare" dai limiti del testo, o se devono essere allineati con i suoi bordi.
Inoltre nell'immagine manca il bordo (che e` segnato nel CSS del <div>), e i due blocchi sono di dimensioni diverse, mentre nel CSS vengono realizzati tramite la stessa immagine, e senza definizioni di dimensioni.

Comunque quel codice dovrebbe funzionare (per lo meno in FF e brwoser standard).