I am not the expert on this, but I believe that the NavDraw's background is controlled by it's own CSS, somewhere. I am not sure if this is what your CSS is attempting to change, or if your CSS is adding the nice grey triangles pattern.
In my Moodle, I use my own background image, and it does not cover the NavDraw. But I purposely wanted this effect, and I make my NavDraw have a solid color (see my example.
In my Moodle, I use my own background image, and it does not cover the NavDraw. But I purposely wanted this effect, and I make my NavDraw have a solid color (see my example.