[CSS][HTML]Nie działają zakłądki poziome Opcje

[martinstw78]

Prosiłbym o pomoc w rozwiązaniu problemu, dotyczącego zakładek poziomych, które się nie wyświetlają i nie widać stylów CSS.

POza tym jak mam listy wypunktowane i ma być obrazek zamiast liczb, to też go nie widać, tak samo też nie widać formatowania tych list.

Kod HTML:

[HTML] pobierz, plaintext 
 <!--Zakładki w Info-->
 
		 <!-- Zakaładki poziome w menu O mnie-->
 
<div class="tabs">
    <ul class="ul_zakladka">
	   <li><span class="#tabs-1" style="color: black">O mnie</span></li>
       <li><span class="#tabs-2" style="color: black">HistoriaStrony</span></li>
       <li><span class="#tabs-3" style="color: black">Zainteresowania</span></li>
	   <li><span class="#tabs-4" style="color: black">Charakterystyka</span></li>
	   <li><span class="#tabs-5" style="color: black">Wyzwania</span></li>
       <li><span class="#tabs-6" style="color: black">Stowarzyszenia</span></li>
	   <li><span class="#tabs-7" style="color: black">SzkoleniaJakoSłuchacz</span></li>
	   <li><span class="#tabs-8" style="color: black">MojeZdjęcia</span></li>
	   <li><span class="#tabs-9" style="color: black">MojeKrawaty</span></li>
	   <li><span class="#tabs-10" style="color: black">eMP78SWLib</span></li>
    </ul>
 
    <div id="tabs-1">
 
 
</div>
 
<div id="podstawowe_info">
 
</div>
 
<article id="moj_opis">
 
</article>
 
 
 
    </div>
 
 
 
	<div id="tabs-2">
 
		  <ul id="zakl_historia_strony">
		      <li><span class="" style="color: black"></span></li>
		      <li><span class="" style="color: black"></span></li>
		      <li><span class="" style="color: black"></span></li> 
		</ul>
 
    </div>
 
 
	<div id="tabs-3">
 
 
	</div>	
 
	<div id="tabs-4">
 
 
 
    </div>
 
	<div id="tabs-5">
 
 
    </div>
 
 
	<div id="tabs-6">
 
    </div>
 
 
	<div id="tabs-7">
 
 
    </div>
 
	<div id="tabs-8">
 
 
    </div>
 
 
 
	 <div id="tabs-9">
 
 
    </div>
 
 
          </section>
 
[HTML] pobierz, plaintext 

CSS:

[CSS] pobierz, plaintext 
 
ul.zakladka, ul.zakladka li.tabs {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
 
ul.zakladka {
	text-align: center;
	border-bottom: 1px solid #888;
	padding-bottom: 5px;
}
 
ul.zakladka li.tabs {
	display: inline;
	white-space: nowrap;
	margin-right: 5px;
}
 
ul.zakladka a:link, ul.zakladka a:visited {
	text-decoration: none;
	background-color: #ccc;
	color: #000;
	border: 1px solid #888;
	padding: 5px;
}
 
ul.zakladka a:hover {
	background-color: #fff;
	border-bottom-color: #fff;
}
 
 
/*Wymiary zakładek*/
 
#tabs-1, #tabs-2, #tabs-3, #tabs-4, #tabs-5, #tabs-6, #tabs-7, #tabs-8, #tabs-9, #tabs-10 {
	width: 100%;
	min-height: 900px;
	border: 4px;
}
 
 
[CSS] pobierz, plaintext 

Za pomoc będę bardzo wdziczny.

MP