Actualmente tengo un sistema de pestañas diseñado mediante tablas y algún estilo de mouse over.
Ahora me gustaría pasarlo a css y no controlo muy bien como poner 2 imágenes en el borde superior izquiero y derecho.
Esto es lo que tengo. Lo que está contorneado en verde son 2 imágenes para dar aspecto redondeado a los bordes superiores, las imágenes que no se controlar en css para poner en dichas posiciones:
![](http://img253.imageshack.us/img253/9207/nada5cv2.jpg)
Os dejo el código que tengo de tablas que hace un poco feo por si os vale para algo:
Código HTML:
<table cellpadding="3" cellspacing="0" border="0" align="center" width="369" height="25"> <tr> <td> <table style=" background-color: #ce3306; " cellpadding="0" cellspacing="0" border="0" bgcolor="#000000" height="28" width="130"> <tr> <td width="13" height="13"><img src="imgs/upLOver.gif"></td> <td height="13"></td> <td width="13" height="13"><img src="imgs/upROver.gif"></td> </tr> <tr> <td width="13"></td> <td>s</td> <td width="13"></td> </tr> </table> </td> <td> <table style=" background-color: #972200;" cellpadding="0" cellspacing="0" border="0" height="28" width="130"> <tr> <td width="13"><img src="imgs/upL.gif"></td> <td height="13"></td> <td width="13"><img src="imgs/upR.gif"></td> </tr> <tr> <td width="13"></td> <td>a</td> <td width="13"></td> </tr> </table> </td> <td> <table style=" background-color: #972200; " cellpadding="0" cellspacing="0" border="0" height="28" width="130"> <tr> <td width="13"><img src="imgs/upL.gif" width="13" height="13"></td> <td height="13"></td> <td width="13"><img src="imgs/upR.gif"></td> </tr> <tr> <td width="13"></td> <td>a</td> <td width="13"></td> </tr> </table> </td> </tr> </table>
Gracias de antemano.