Varias maneras para hacer lo que necesitas.
En tu caso puedo darte una solución extremadamente rápida.
(que los gif de los bordes no sean con fondo transparentes, saca un pantallazo y integra lo que esta detras en el gif).
Hay otras formas de realizarlo, tienes que cambiar varias cosas,
Un tuto porque toy corto de tiempo:
http://www.cristalab.com/tutoriales/...cript-c55623l/
o bien puedes usar CSS3 (no son validados y en IE no funciona).
aplicas esto a lo que quieras:
border-top-left-radius: 10px;
border-top-right-radius: 10px;
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
eso por CSS, busca algo similar por google, incluso en el foro.
Saludos!