css border gradient on corners
===

I'm trying to frame my web page, and I want `div`s with just the corners defined. Essentially, I want the top-right and bottom-left corner to have gradient borders. I hope my "ASCII art" makes sense to you.

         -    -  -  - - - - ----.
                                |
                                |
                                '
                                |
                                '

                                '

                                '

I want the corresponding effect for the bottom-left corner as well.


My incorrect code thus far does not give the desired effect:

    	-webkit-border-image: 
    		-webkit-gradient(linear, 0 0, 100% 0, from(#666), to(#fff)) 1 100%;


Thanks in advance.