Witam Państwa
Mam taki mały css-owy problem

Mam wyśrodkowanego diva:

[HTML] pobierz, plaintext 
<div class="radio">
        <input type="radio" name="0" value="1"/>xxx<br>
        <input type="radio" name="0" value="2"/>xxx<br>
        <input type="radio" name="0" value="3"/>xxx<br>
        <input type="radio" name="0" value="4"/>xxx<br><br>
		</div>
[HTML] pobierz, plaintext 

CSS

[HTML] pobierz, plaintext 
.radio{
margin-right: auto;
margin-left: auto;
width: 5%;
overflow: visible;
text-align: left;
}
[HTML] pobierz, plaintext 

Chciałbym, żeby div sie powiększał równomiernie w obie strony (lewo, prawo) wraz ze wzrostem długości treści w radiobuttonach, jak do tego dojść? kombinuje kombinuje i nic z tego

Dzięki za pomoc

http://fiddle.jshell.net/aHgLA/
O to chodzi?

niemalże, problem w tym, że ten wewnętrzny div powiien być wyśrodkowany

http://fiddle.jshell.net/aHgLA/1/

Edit: Przecież on się wcale nie powiększa, ma na sztywno 500px, o to chodzi?

Dzięki wielkie Panowie za pomoc, doszedłem do czegos podobnego jak Damonsson, ale mam problem z ustawieniem radio-buttonow w jednej linii