Word Press sidebar problem

Hi everyone !

I am making new word press theme, and i have problem with sidebar...
I wont, to whole sidebar, be same size like posts... Not one bigger then other...

Here you have my css of sidebar:

.sidebar
{
	float:right;
	width:248px;
	background-image:url(images/sidebarbg2.png);
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background-repeat:repeat-y;
	height:100%;
}

Code (markup):

Here is my sidebar.php file:

<div class="sidebar">

<ul>

			<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar() ) : else : ?>

		<li id="search">
        
        	<?php include('searchform.php');?>
        
        </li>
        
        <li id="calendar">
        
        <div id="titlebar"><div id="prewimg"><img src="images/calendarsmall.png" width="30" height="40" /></div><div class="headingtitle"><h2><?php _e('Calendar');?></h2></div></div>
        <div id="calendartext"><?php get_calendar();?></div>
        
        </li>

	<?php wp_list_pages('depth=3&title_li=<div id="titlebar"><div id="prewimg"><img src="images/pagesprewicon.png" width="30" height="40" /></div><div class="headingtitle"><h2>Pages</h2></div></div>');?>

<li>

		<div id="titlebar"><div id="prewimg"><img src="images/arowicon.png" width="30" height="40" /></div><div class="headingtitle"><h2><?php _e('Categories');?></h2></div></div>

	<ul>
    	<?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0');?>
    
    </ul>


</li>

	<li>
    
    <div id="titlebar"><div id="prewimg"><img src="images/archive.png" width="30" height="40" /></div><div class="headingtitle"><h2><?php _e('Archives'); ?></h2></div></div>
    	<ul>
        	<?php wp_get_archives('type=monthly');?>
         </ul>
    
    
    </li>
   
    
    	<li>
        	<div id="titlebar"><div id="prewimg"><img src="images/arowicon.png" width="30" height="40" /></div><div class="headingtitle"><h2><?php _e('Meta');?></h2></div></div>
        <ul>
        	<?php wp_register();?>
            <li><?php wp_loginout();?></li>
            <?php wp_meta();?>
        </ul>
        </li>   
        
        
    <?php endif;?>    

</ul>

</div>

Code (markup):

I hope, you will help me,

All the best !

 

To make the sidebar as tall as the posts you need to have a background image that you repeat for 100% of the height

 

Hi freind, this is my sidebar bg. image ( http://img24.imageshack.us/img24/7553/sidebarbg.png )... Can you please write me code ?
All the best !

 

Here's an easy tutorial to show you how to do it: http://www.wpdesigner.com/2007/06/09/equal-height-columns-wordpress-theme/