Widget screws up my sidebar

I have put some unordered lists inside some My Custom Widgets. These are assmebled in the widget/plugin sidebartabs. Inside my admin view the widget (a seconday navigation meant for my sidebar) looks great. But IN my sidebar it wont work.
This is the CSS for my sidebar:

#sidebar2 {float:right;width:250px;text-align:left;font-size:12px;border-left:1px solid;border-color:#ccc;margin:0 0 0 5px;padding:0 0 0 5px;}
#sidebar2 a:hover{text-decoration:underline;color:#ff0000;font-weight:bolder;}
#sidebar2 a:link,a:active,a:visited{text-decoration:underline;color:#0000ff;}
#sidebar2 h2{font:bold 16px Geneva,Arial,Sans-Serif;color:#000;text-align:left;letter-spacing:0;border:0;margin:0;padding:0 0 0 5px}
#sidebar2 ul table {width:250px;margin:0}
#sidebar2 ul .textwidget{padding:10px 5px}
#sidebar2 ul form#searchform{text-align:center;margin:0;padding:15px 10px 10px}
#sidebar2 ul li a:link, #sidebar2 ul li a:active,#sidebar2 ul li a:visited{text-decoration:underline;color:#0000ff;font-weight:bold;padding:0px}
#sidebar2 ul li a:hover {text-decoration:underline;color:#ff0000;font-weight:bolder;}

And this is the entire content in sidebar2.php:

<div id="sidebar2">
  <ul>
<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar(2) ) : else : ?>
   <?php  endif; ?>
  </ul>
 </div><!-- end sidebar -->

Now I have tried EVERYTHING but still it wont work. Are there any fresh eyes out there with any suggestion??