I am trying to achieve a differently colored border at the bottom of my \[code\]div\[/code\], but without the diagonal edges like so:
I have looked into the \[code\]:before\[/code\] selector, but I couldn't get it to work. How can one achieve this in css. I prefer to be IE7 compatible as well.Here is a small fiddle that I've created. http://jsfiddle.net/EYjCV/11/