I need advice on if I should breakup the background as in giving a div for the top, middle, and bottom
should I keep the background as one element?
(The reason I'm asking is because the split is diagonal kinda and not horizontal.)

If separate, I need help with the markup, because usually I would section of the header and make that background the top, but the split is diagonal and I'm not sure if that would effect the box.