How to center content relative to cell?

[CSS.Xml]

I have a fiddle up here: http://jsfiddle.net/robvious/e5QVZ/I'm trying to keep the section text centered in the available whitespace, but it seems to be sticking to the right. How can I center it relative to the "cell"? \[code\]<aside id="side-browser"> <a href="http://stackoverflow.com/questions/15490704/#">Folder One</a> <br/> <a href="http://stackoverflow.com/questions/15490704/#">Folder Two</a><br/> <a href="http://stackoverflow.com/questions/15490704/#">Folder Three</a><br/></aside><section> <h1>Section Content</h1></section>\[/code\]\[code\]section { text-align: center; display: table-cell; }aside { display: table-cell; width: 300px;} \[/code\]