Div родительский, чтобы следить за ростом ребенка - для ребенка без поплавка

Question

Единственный ответ, который я могу найти на мою проблему, - очистить поплавок, но у меня нет.Поэтому надеюсь, что вы можете помочь с другим ответом: -)

Вот мой код, и я пытаюсь заставить родительский div кнопки следовать расширению, выполненному заполнением.* И css

.button {
    background-color: #ccc; }
.button a {
background-color: #96BD1E;
color: black;
font-size: large;
padding: 6px 12px;
width: 120px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-opera-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
height: 59px;
margin: 10px;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-bottom-left-radius: 5px 5px;
    clear: both;
}

А вот пример того, как играть с http://jsfiddle.net/zNLVZ/1/

Answer 1

Измените свой CSS на это:

.button {
background-color: #ccc; 
}
.button a {
display:inline-block;
background-color: #96BD1E;
color: black;
font-size: large;
padding: 6px 12px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-opera-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
margin: 10px;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-bottom-left-radius: 5px 5px;
    clear: both;
}