increasebutton сьс заоблени ьгли и css

Автор: akolevutd

Преди време ми казаха да направя бутон които се разширява и стесняв според текста вутре, но сущо така и да е сьс заоблени ьгли.
Ето какво измислих:

css code

html, body {
background-color: #E8E8E8;
font-family: arial, sans-serif, helvetica;
font-size: 12;
color: #ffffff;
}
#container {
height: 69px;
}
.left {
background: transparent url("left.gif") no-repeat;
height: 69px;
width: 47px;
float: left;
}
.right {
background: transparent url("right.gif") no-repeat;
height: 69px;
width: 49px;
float: left;
}
.center {
background-color: #A80000;
height: 69px;
float: left;
}
.letters {
background: transparent url("letters.gif") no-repeat;
height: 23px;
padding: 22px 0 0 0;
}

html code

<div id="container">
<div class="left"></div>
<div class="center"><div class="letters">Бутона се разтяга на ширина!</div></div>
<div class="right"></div>
</div>