Css Problem!

<div id="sidebar">
                <h1>Navigation</h1>
                <ul class="uppercase">
                <?php if ( is_page("2") ) { ?>            
                    <?php wp_list_pages('title_li=&include=3,9,10,18,20,24&sort_column=id&depth=1' ); ?>
                <?php } ?>
                    <?php as_DisplaySubMenu('useLocalTitle=No'); ?>
                    <li><a href="<?php echo get_settings('home'); ?>/">Startseite</a></li>
                </ul>
                
                <h1>Feedback</h1>
                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut 
                   laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam.</p>
                   
                 <img src="<?php echo get_settings('home'); ?>/wp-content/themes/suicide/images/clear_sidebar.png" alt=""  />
                 <div class="clear"></div>
            </div>

/* Sidebar */
#sidebar { background:url("http://forum.wordpress-deutschland.org/images/bg-sidebar.png") repeat-y; float:left; width:203px; }
#sidebar h1 {
    background:url("http://forum.wordpress-deutschland.org/images/sidebar-title.png") no-repeat;
    color:#fff;
    font:bold small-caps .88em verdana, sans-serif;
    height:22px;
    margin:5px 0 0 10px;
    padding:1px 0 0 22px;
    width:176px;
}


#sidebar ul { font:bold .63em Verdana, Helvetica, sans-serif; line-height:0; list-style:none; margin:.31em 0 0 1.75em; }
#sidebar li { background:url('images/menu-pfeile.png') no-repeat left center; line-height:1.6em; list-style:none;padding-left:15px; }
#sidebar li a { color:#30b6d1; text-decoration:none; }
#sidebar li a:hover { color:#c73918; text-decoration:none; }
#sidebar img { vertical-align:bottom; }
#sidebar p { font:normal .63em verdana, sans-serif; margin:.25em 1em .25em 1.25em; padding:0; }