Il problema è che gli angoli scorrono assieme al testo che è contenuto nel div centrale (che occupa tutta la lunghezza della pagina).

div sn-a ...... div content......... div ds-d
(angolo) ...... (testo) ............... angolo)

div sn-b .................................. div ds-e
(vuoto) .............. .....................(vuoto)

div sn-c ....................................div ds-f
(angolo) .....................................(angolo)


Questa è la struttura della pagina, spero che si capisca
Oltretutto la barra di scorrimento per il testo non dovrebbe essere interna lungo il div content, ma esterna a destra e però fare scorrere solo il div content e non i fatidici angoli. E' chiaro gli angoli dovrebbero costituire il "background" della pagina e non essere posizionati in div separati ma in questo modo come otterrei il ridimensionamento a risoluzioni diverse? Scusate se mi ripeto.