Etiket Gösterim Sorunu / Css ile Başa Çıkamadım

Merhaba Arkadaşlar
Simple tags eklentisi kullanıyorum. Velakin kullandığım temamda flat şeklinde listeleme yaptığımda sorun yaşıyorum.
Temanın kendi css kodlarından dolayı etiketler liste şeklinde çıkıyor. Kodlardan bir tanesini değiştirdim, flat oldu fakat görüntü aşağıdaki gibi oldu ne yapmam gerekiyor çözemedim


Orjinal sidebar kodu

/* The Sidebar1 */
.sidebar1{
	float:left;
	width:147px;
	padding-top:5px;
	font-size:14px;
	font-family:Century gothic, Arial, sans-serif;
	

	}

.sidebar1 h2 {
	height:27px;
	line-height:27px;
	font-size:16px;
	color:#eee;
	margin:5px 0 0 0 ;
	padding:0px 0 0 5px;
	background:#303D34;
	font-weight:bold;

	}
.sidebar1 ul {
	list-style-type: none;
	margin: 0 ;
	padding: 0;

	}

.sidebar1 ul ul  {
	list-style-type: none;
	margin: 0;
	padding: 0px 0px 10px 0px;
	background-repeat:no-repeat;
	
	}

.sidebar1 ul ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border:0;

	}

.sidebar1 ul ul ul ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border:0;

	}
	
.sidebar1 ul li {
	height:100%;
	line-height:18px;
	}

.sidebar1 ul li a:link, .sidebar1 ul li a:visited {
	
	color:#A7BFAE;
	text-decoration: none;
	padding: 5px 0px 5px 5px;
	display:block;
	background:#405648;
	border-top:1px solid #3d5245;
	border-bottom:1px solid #455d4e;
	}

.sidebar1 ul li a:hover {
	background:#3B4F41;
	background-repeat:no-repeat;
	color: #eee;
	}

.sidebar1 p {
	padding: 7px 10px;
	margin:0;

	}

.sidebar1 table {
	width:100%;
	text-align:center;
	background:#3B4F41;
	color:#787d7f;
	}

Bir kaç deneme yanılma yaptım .sidebar1 ul li a:link, .sidebar1 ul li a:visited {
kısmında display:block; kodu list şeklinde göstermesine neden oluyor. Kaldırdığımda bu şekilde çıkıyor. Bunun yerine list-style-type: none; kodunu ekledim yine aynı. Kelimeler parça parça çıkıyor. Görüntü resimdeki gibi çok kötü duruyor.
Yardımlarını bekliyorum.

.sidebar1{
background:#405649;
float:left;
width:147px;
padding-top:5px;
font-size:14px;
font-family:Century gothic, Arial, sans-serif;


}

kırmızı ile belirttiğim alanı ekleyip denermisin.

Bunu ekleyince sidebardali bloglar birleşmiş gibi oldu.


ilgili sidebar kısmındaki kodlama.

<div class="sidebar1">
	
	<ul>
	<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar('sidebar 1') ) : else : ?>
		<li>
			<h2>Adverts</h2>
			<ul>
<table width="147" border="0" bgcolor="#405648"><tr><td>
			<script type="text/javascript"><!--
google_ad_client = "pub-xxxxx";
google_ad_slot = "xxxx";
google_ad_width = 120;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td></tr></table>
			</ul>
		</li>
		
<li>
<h2>Tags</h2>
<ul>
<?php st_tag_cloud(); ?>
</ul>
</li>
			
			
		
	<?php endif; ?>
	</ul>

</div>

o kısmı ayrı bir div içine alıp oraya arka plan verebilirsiniz.


şunu deneyin birde diğerini silip.
<li>
<h2>Tags</h2>
<ul style="background:#405649">
<?php st_tag_cloud(); ?>
</ul>
</li>

eline sağlık üstat düzeldi şimdi, teşekkürler.
Bunun yanısıra diğer sitelerimde de yaşadığım bir sorunu sormak istiyorum.
Site firexfoxda ekrana tam oturuyor velakin ie de biraz sağa kayma oluyor,daha doğrusu ekranda bozulma yok ama genişliyor alt kursor sağa doğru mecburen uzanıyor.
Bunun için fix bir çözüm mevcutmu acaba?

Örneğin temamdaki wrapper kodu, belki body kısmındanda kaynaklanabilir ama aklıma ilk burası geldi.
#wrapper {
width:1000px;
margin:0 auto;


}