Uyarı Kutuları (Sadece kırmızı ve yeşil psd to css)

Merhabalar dün birer Ribbons denilen bir şey yapmıştım. Ve dün bazı forumlarda geçerken uyarı kutuları buldum. Ben niye yapmıyorum dedim. Aslında desingmoo'da bir adet çok hoş vardı ama desingmoo'ya ulaşamadım . Bende 365psd.com'dan aldım. Bu biraz sade. Hoşa beniyor. Eğer sevmediyseniz yenisini yapacağıma söz veriyorum.
Şöyle önizleme vereyim:

[*]Canlı Gör
[*]Canlı İndir :D
[*]PSD dosyasını gör

Yalnız bir sorun hata kutusunda "Sen ilk önce bir kahve iç ve bir daha oyna" yazısı kutunun dışına çıkmakta. Düzeltemedim. Bir arkadaş düzeltirse bana mail atsın turkozalperen@gmail.com Teşekkürler
Kaynak

Teşekkürler.İstersen css kodlarını şunlarla değiştir, düzelecektir.
@charset "utf-8";
/* Alert Interface Alperen Türköz */

body{
background:url(resim/back.png);
text-align:center;
margin:0px auto;
}
.tamam{
background:url(resim/ok.png) no-repeat;
width:432px;
height:48px;
font-family:"Myriad Pro";
padding:14px 16px ;
margin:15px auto;
text-align:left;
text-shadow:0px 0px 3px #FFF;
}
.hayir{
background:url(resim/hata.png) no-repeat;
width:438px;
height:111px;
font-family:"Myriad Pro";
text-shadow:0px 0px 3px #FFF;
margin:30px auto 5px;
}
.hayir h1 {

font-family:"Myriad Pro";
text-shadow:0px 0px 3px #33333;
margin:20px 4px;
color:#FFF;
font-size:24px;
text-align:left;
padding:8px 15px;
font-weight:normal;
}
.hayir p{
color:#313131;
font-family:"Myriad Pro";
text-shadow:0px 0px 3px #FFF;
padding:0px 15px;
margin:0;
text-align:left;
}

Denerim Birazdan