The problem is pretty basic. I'm having trouble making a single column theme into a two-column theme. It can usually be done by just increasing the width of #entries (the container for .posts), but its not working in this case. Any ideas?

<http://jsfiddle.net/1eawa859/1/>
CSS

```
#entries {
margin-left: 385px; 
width: 700px;
background: transparent;
}

.posts {
width: 250px; 
padding: 10px;
background: transparent; 
}

.posts img {
max-width: 250px;
height: auto;
}

```

No matter how wide I make the container, the posts refuse to expand more than just a single column for some reason. I tried inserting float:left, but different size posts would be completely flush from the top (I'm going for a grid style). Hopefully that makes some sense.

```
<div id="entries">
{block:Posts}
<div class="posts">

{block:Photo}
{LinkOpenTag}
<a href="{Permalink}">
<img src="{PhotoURL-500}" alt="{PhotoAlt}" class="postpic"/>
</a>
{LinkCloseTag}
{/block:Photo}

{block:Photoset}
{block:IndexPage}
{block:Photos}
<a href="{Permalink}" title="{NoteCountWithLabel}">
<img src="{PhotoURL-250}"></a>
{/block:Photos}
{/block:IndexPage}
{/block:Photoset}

</div>
{/block:Posts}

{block:PostNotes}
<div class="ending">{PostNotes}</div>
{/block:PostNotes}
</div>

```