making a bunch of ul's appear in one horizontal row

Hi everyone,

I am trying to get all of my ul's to be all horizontal on one row:

http://collinatorstudios.com/scroll_test.html

css:

	<style type="text/css">
		body { 
			background: #000; 
			color: #fff; 
		}
 
		#main_box {
			border: 1px solid purple;
			width: 100px;
			height: 100px;
		        /* overflow: hidden;  when this is working, the main box will only reveal one ul at a time */
			position: relative;
		}
 
		#list_container {
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 0;
		}
 
		ul {
			white-space: nowrap;

Help with problem

hi,

Can some one take a look at my HTML and CSS CODE and tell me why it's not rendering? Only the background color is is working.

CSS

body{background-color:#87ceeb;
}

img.akshion{display:block;
width:640px;
height:400px;
background:blue;

}

.akshion{font-size:24;
font-weight:bold;
color: #66ccff;
font-style: italic;
text-align: left;
}

HTML

Your Title Here

Syndicate content