Div in Div Centred Issue

[ziycon]

I have a div in a div and can't seem to centre it at all, its really annoying me now, I've googled the hell out of it, any ideas?

I've removed all centring code, so this is how the code looks now.

<div id="board_container">
    <div id="board_inner_container">&nbsp;</div>
</div>

#board_container {
    float: left;
    width: 800px; /* Defines mx width of board */
    border: 1px #CCCCCC solid;
    clear: left;
    display: inline;
}
#board_inner_container {
    float: left;
    width: 98%;
    border: 1px #CCCCCC solid;
    clear: left;
    display: inline;
}

[drhowarddrfine]

Inline elements can not be centered because they are 'inline', that is, just like a sentence in a paragraph. In a block all to their own.

[ziycon]

Makes sense, the only reason I'm using the inline option is to fix the rendering issues with border/padding/margins in IE, is there any way around this?

Tried this and it didn't work either:

#board_inner_container {
    float: left;
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    border: 1px #CCCCCC solid;
    clear: left;
}

[Jezternz]

float:left

Will prevent it from centering as far as I know. Thats the only specific problem I see.