не растягивается blok11 и blok12
body {margin: 0px; padding: 0px;}
#blok1 {border: 1px solid red;text-align: center}
#blok11 {border: 1px solid green; display: inline; width: 49.9%;}
#blok12 {border: 1px solid blue; display: inline; width: 49.9%;}
<div id=blok11>blok11</div>
<div id=blok12>blok12</div>
потому что для блока block1 не задана ширина, а поразительная ширина блоков blok11 blok12 берётся в процентах от блока blok1.
по стандарту, для inline-level объектов ширину задавать нельзя, а опера и фокс действуют по стандартам.)