DIV встроенный -блок + ширина 100%

Я не могу отобразить несколько DIV в одной строке. display: inline-blockи float: leftне работают. Ширина моего сайта не fixed, поэтому я хочу, чтобы он был динамическим, чтобы соответствовать любой ширине экрана.

HTML:

    
25px
    
200px
    

        
100%
        
100%
        
100%
    
    500px

CSS:

DIV {
    margin:5px;
    font-size:10px;
}

DIV#all {
    width:500px;
    border:1px dotted black;
}

DIV#a {
    display:inline-block;
    width:25px;
    height:200px;
    border:1px solid red;
    color:red;
}

DIV#b {
    display:inline-block;
    width:150px;    
    height:200px;
    border:1px solid green;
    color:green;
}

DIV#c {
    display:inline-block;
    width:auto;
    height:200px;
    border:1px solid blue;
    color:blue;
}

DIV#c1 {
    width:auto;
    border:1px dotted blue;
    color:blue;   
}

DIV#c2 {
    width:auto;
    border:1px dotted blue;    
}

DIV#c3 {
    width:auto;
    border:1px dotted blue;   
    color:blue;
}​

Живые демонстрации:

• ПРОБЛЕМА:http://jsfiddle.net/BC2d9/

• РЕШЕНО:http://jsfiddle.net/RAds3/(display:table)