Your width property isn't using a unit, like px. However you can accomplish what you want by using the float: property.
HTML
<div id="searchresult">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga quidem impedit aspernatur quam itaque sed cum delectus nobis asperiores vitae iure ratione quod voluptas placeat mollitia magni earum esse amet!</div>
<div id="searchresultGame">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga quidem impedit aspernatur quam itaque sed cum delectus nobis asperiores vitae iure ratione quod voluptas placeat mollitia magni earum esse amet!</div>
<div id="searchresulttv">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga quidem impedit aspernatur quam itaque sed cum delectus nobis asperiores vitae iure ratione quod voluptas placeat mollitia magni earum esse amet!</div>
CSS
div {
border: 1px solid black;
background-color: #EEEEEE;
width: 300px;
float: left;
}
Here is a fiddle where this is shown http://jsfiddle.net/P6Atc/ .
However if the width of the window becomes narrow than 1800px then the elements will be forced under each other to accomodate. You can fix this by putting everything in a div with a fixed width totalling the widths of the child div elements.
HTML
<div class="container">
<div id="searchresult">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga quidem impedit aspernatur quam itaque sed cum delectus nobis asperiores vitae iure ratione quod voluptas placeat mollitia magni earum esse amet!</div>
<div id="searchresultGame">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga quidem impedit aspernatur quam itaque sed cum delectus nobis asperiores vitae iure ratione quod voluptas placeat mollitia magni earum esse amet!</div>
<div id="searchresulttv">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga quidem impedit aspernatur quam itaque sed cum delectus nobis asperiores vitae iure ratione quod voluptas placeat mollitia magni earum esse amet!</div>
</div>
CSS
div {
border: 1px solid black;
background-color: #EEEEEE;
width: 300px;
float: left;
}
.container
{
width: 906px;
}
Here's that example: http://jsfiddle.net/P6Atc/1/
The downside to this is that you get an ugly horizontal scrollbar if the content is being viewed on a smaller screen.