serch bar found styling

by Imri Paloja

HTML

<div id="found">
<b>1.</b> [100.00%]		<a href="http://www.eurobytes.nl/" class="title">	Eurobytes - your video/text tutorial</a><br>
    <div class="description">Free tutorials, as in free speech, not free beer.</div>
    
    <div class="infobar">
        pageviews: XXX<br>
        Total social sharing:<br>
        Comments:44<br>
        tags: (steam),(howto),(review),(Editorial)
    </div>
				
    <hr>
					<b>2.</b> [96.88%]		<a href="http://www.eurobytes.nl/old-posts" class="title">	Eurobytes - old posts</a><br>
		<div class="description">Back to the future</div>
		            <div class="infobar">
        pageviews: XXX<br>
        Total social sharing:<br>
        Comments:12<br>
        tags: (steam)(howto)(review)(Editorial)
    </div>
				<hr>
					<b>3.</b> [19.00%]		<a href="http://www.eurobytes.nl/about" class="title">	Eurobytes - About me</a><br>
		<div class="description">its a me mario</div>
		                        <div class="infobar">
        pageviews: XXX<br>
        Total social sharing:<br>
        Comments:66<br>
        tags: (steam)(howto)(review)(Editorial)
    </div>
				<hr>
					
	 </div>

CSS

#found {
   text-align: left;
   background-color: #F9F9F9;
   border: 1px solid #CCCCCC;
   padding:5px;
   width: 100%;
}

hr {
    border: 1px solid #CCCCCC;
}

.description {
    display: block;
    word-wrap: break-word;
}

.infobar {
    border-left: 2px solid #CCCCCC;
    display: block;
    float: right;
    font-size: 12px;
    height: 74px;
    margin-top: -70px;
    padding: 2px 3px;
    width: 40%;
    word-wrap: break-word;
}