CSS div problem

I am using drupal to design a web layout. I am new to drupal and css. I am a beginer.

Below is my html coding:

     print $head_title  if ($site_slogan != '' && !$is_front) print ' – '. $site_slogan; 
     print $meta; 
     print $head; 
     print $styles; 



<div id="container">

	<div id="linkList">
		 TITLE 
  		<p>Curabitur felis? </p>
		<p>Learn more.</p>
	</div>
 
	<div id="header">
		<div id="logo-floater">
			 if ($logo) { 
				<a href=" print $front_page " title=" print t('Home') "><img src=" print $logo " alt=" print t('Home') " /></a>
				  } 
		</div>
		
		<div id="support-top">
			<a href="http://localhost/a"><img src=" echo $path; /a/themes/a/img/home_link.jpg" border="0" /> </a>
 			<a href="http://localhost/al"><img src=" echo $path; /a/themes/a/img/contact_link.jpg" border="0" /></a>
 		</div>
 	</div>

	<div id="content1">
		 print $content; 
	</div>

</div>

below is my css:

html { 
	margin: 0; padding: 0; height:100%; 
}

body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#container {
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	width:70%; 
	height:100%;
}

#linkList {
	width:28%;
	float:right;
	background-image: url(./img/sidebar.jpg);
	background-repeat: no-repeat;
}

#support-top {
padding-top:5px;
width:67%;
float: left;
} 

i have facing 2 main problems now.

First, i cannot locate the images in #support-top between logo and linkList. It always appears on the below of the logo.

Second, how to extend the linkList background image extend to the end of html?