Браузеры основанные на Gecko не корректно отображают бордер стиля dashed или dotted если выставить скругление border-radius, и иногда при большой желании обойтись в верстке только стилями css3 это становится проблемой.
Пример отображения скругленных углов:
<style>
.sample {
border:1px dotted #0000ff;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:10px;
width:100px;
height:50px;
margin:20px;
}</style>
<div class="sample"></div>
Вывод: как сделать скругленный углы с бордером dashed, ответ — методом CSS сейчас никак!
Решение этой проблемы может быть в использовании растровой графики, в некоторых случаях я использую графику для верхней и нижней часть блока, когда блок может быть динамический по высоте, а border использую только правый и левый.