Bandeau en biais qui ne déborde pas d'une div

Hello

Soit un petit post-it jaune en biais tout en css3 qui constitue une div.
On me demande d'y mettre un bandeau "devis gratuit" en diagonale dans le
coin (donc incliné dans l'autre sens).

J'arrive à faire ça : http://fra.free.fr/Capture.jpg

avec :
transform: rotate(-14deg);
position:relative;
left:-4em;
top:.85em;
font-size:1em;
font-family:helvetica,arial,sans-serif;
font-weight:normal;
margin:0;
padding:0;
color:#fff;
background-color:red;

J'ai essayé overflow:hidden sans succès.

Comment empêcher que la bandeau rouge (qui fait la largeur du post-it)
ne déborde de celui-ci quand il est en biais ; mais qu'il se coule
jusqu'au bord quand même.

Merci pour votre aide.
--
Fra