Scrolls Options

[Amy6406]

Hi, I have this code. And I want my scroll tables to line up side by side, and right now they're going on their own line in a list down the page.

CODE

<div style="overflow:auto;background-color:black; width:150px;height:100px;">
<font size = 5> TeeVee</font><BR>
<BR>Bones!
<BR>American Dreams
<br>Greys Anatomy
<br>Veronica Mars
</a></div>



<div style="overflow:auto;background-color:black; width:150px;height:100px;">
<font size = 5> Music</font><BR>
<br>All American Rejects
<br>Pink!
<br>30 seconds to mars
<br>some random county
</a></div>




<div style="overflow:auto;background-color:black; width:150px;height:100px;">
<font size = 5> Movies</font><BR>
<BR>10 things I hate about you<BR>
13 going on 30<BR>
28 days<BR>
50 First Dates<BR>
</a></div>
</font>

www.myspace.com/amy6406

[clarity]

Scroll tables? I think you mean DIV boxes... anyways they should automatically be aligning next to each other right now... although if they are to large to be next to each other then they'll automatically go to the next line (i believe). Try changing the width of each of them to something smaller.

By the way, why do you have </A> after all of the content when there are no links? o.0