Border Corners: Triangle

Question

Is it possible to get rid of the \"triangle\" shape in the border corners? (when using different color borders)

See this example:

http://jsfiddle.net/GLsqV/

Answer 1

That's how borders work. How would the browser decide which ones overlap the corners otherwise?

You can achieve this effect using a nested DIV, or using a trick with :before and :after with some absolute positioning.