I have 2 blocks within a block that needs to be displayed-inline but it does not work when I give display-inline.

Fiddle: <http://jsfiddle.net/8T5RZ/>

I need the 2 blocks to be displayed side by side instead of overlapping

HTML:

```
<div class="outer-container">
    <div class="inner-container">
        <div class="innermost-container" />
        <div class="innermost-container" />

    </div>
</div>

```

CSS

```
.innermost-container{
    background-color:green;
    width:100px;
    height:100px;
    border-style:solid;
    border-width:5px;
}

```