Problème avec le CSS

[econo-ecolo]

Voici un code pour faire une flèche en tableau, mais cela donne un rendu pas très joli, notamment à cause d'une fine bordure blanche que je n'arrive pas à enlever.
http://www.econo-ecolo.org/spip.php?page=test&var_mode=recalcul

Code: Tout sélectionner

<table style="vertical-align:center;
height:30px;
width:65%;
background-color: #f60;
border:0;
border-collapse: collapse ;
border: none;
margin: 0px;"
cellspacing=0 cellspading=0><tr>
<td
style='vertical-align:center;
background-color: #f60;
border:0;
width: 2px; text-align: left;'>
<img src='images/f2.jpg' hspace=0 height=30 border=0></td>
<td style="vertical-align:center;
text-align:center;
background-color: #f60;
border:0;
font-weight:900;
margin: 2px;">
<a href='http://www.google.fr' target='_blank'>Comparez les prix et la qualité des installateurs de plancher chauffant</a>
</td><td
style='vertical-align:center;
background-color: #f60;
border:0;
width: 2px; text-align: left;'>
<img src='images/f2.gif' hspace=0 height=30 border=0></td></tr></table>

[spout]

Pourquoi faire ça avec une table ?

CSS:

Code: Tout sélectionner

#bandeau {background-color:#FF6600;width:1000px;height:47px;text-align:center;}
#gauche {float:left;background-position:0 0;width:954px;}
#droite {float:right;background-position:right top;width:46px;}
#gauche, #droite {height:47px;background-image:url(f2.gif);background-repeat:no-repeat;}
.clear {clear:both;}


HTML:

Code: Tout sélectionner

<div id="bandeau">
   <div id="gauche">Comparez les prix et la qualité des installateurs de plancher chauffant</div>
   <div id="droite"></div>
</div>
<br class="clear" />


Vivement qu'on puisse mettre plusieurs background-image en standart

[Madrileño]

+1 Spout avec le CSS au lieu d'un tableau.

[econo-ecolo]

Merci. Avec quelques aménagements, c'est exactement ce que je souhaitais.
C'est vrai que je ne pense jamais au CSS.