I need to use CSS triangle to create and arrow. This is the one Im working on: http://jsfiddle.net/7vRca/\[code\]<div class="arrow-outer"></div>.arrow-outer{border: 1em solid transparent;border-top-color: #3bb0d7;border-right-color: #3bb0d7;height: 0;width: 0;\[/code\]}
The issue is that in chrome it looks perfect. But in firefox there is a small bent in the middle. Any idea why this is happening and how can I make it look smooth as in chrome?