Argh. IE displayes some weired dots in front of my sidebar titles. I have been working with this for hours now and have become blind. Please, anyone with any idea? Here is the sidebar.php:
<div id="sidebar2">
<ul>
<?php if ( !function_exists('dynamic_sidebar')
|| !dynamic_sidebar(2) ) : ?>
<?php endif; ?>
</ul>
</div>And HERE is the sidebar CSS:
#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;list-style-type:none;}
#sidebar2 a:hover{text-decoration:underline;color:#ff0000;font-weight:bolder;}
#sidebar2 a:link,a:active,a:visited{text-decoration:underline;color:#1a88c9;font-weight:bold;}
#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;list-style-type:none;}
#sidebar2 ul{list-style-type:none;}
#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;list-style-type:none;}
#sidebar2 ul li a:hover {text-decoration:underline;color:#ff0000;font-weight:bolder;}
#sidebar2 ul ul li{padding:5px 0px 2px 15px}
#sidebar2 ul ul{list-style:none;margin:0;padding:0 0 15px}
#sidebar2 ul ul li{padding:5px 0 2px 15px}
#sidebar2 ul ul ul li{padding:0 0 0 10px}
#sidebar2 li{padding:0px;}
#sidebar2 li.sideblock p img{margin:0px;}
#sidebar2 li.sideblock p{margin:0;padding:0 0 5px 15px}This is NOT an issue in Firefox, but I have to make this display non-stupid in IE as well.
