divs inline issues

[bberry91]

i am trying to get these two divs inline but it isn't going so well. :confused:

css:

div.messagecontainer {
display:inline;
height:200px;
width:300px;
}
div.messagebckg{
background-image:url(Images/fade_message_bckg.png);
height:200px;
width:300px;
background-repeat:repeat-x;
}
div.messagetext {
padding-left:10px;
padding-top:10px;
}
span.messagetitle {
color:#F00;
font-weight:bold;
font-size:16px;
}
span.messagecontent {
margin-top:10px;
}
div.rowone {
width:900px;
padding-bottom:25px;
}
div.rowonecontent {
display:inline;
width:100px;
}


html:

<div class="rowone">

<div class="messagecontainer">
<div class="messagebckg">
<div class="messagetext">
<span class="messagetitle">Message Board</span><br /><br />
<span class="messagecontent">Place Messages Here</span></div>
</div></div></div>

<div class="rowonecontent"><strong>blah blah blah.... </div>

</div>