[CSS] Firefox i IE a Opera Opcje

[thomson89]

Witam!

Dziś mam problem z serii wojny przeglądarek.

[HTML] pobierz, plaintext 
<div id="sidebar">
<div class="bgtop">
<div class="bgbtm">
 
        <ul>
        <li>
        <h2>MENU     <img src="images/dol,braz.png"></h2>
        <ul>
        <li><a href="ikony.php?go=index">Wstęp</a></li>
                <li><a href="ikony.php?go=mysli&kat=all">Katalog cytatĂłw</a>
                                <?php if(isset($_GET['go']) && $_GET['go'] == 'mysli') echo'<ul>
                                <li><img src="images/folder.png"> <a href="ikony.php?go=mysli&kat=jp">Jan Paweł II</a></li>
                                <li><img src="images/folder.png"> <a href="ikony.php?go=mysli&kat=ps">Pismo Święte</a></li>
                                <li><img src="images/folder.png"> <a href="ikony.php?go=mysli&kat=sw">ks. kard. Wyszyński</a></li>
                                <li><img src="images/folder.png"> <a href="ikony.php?go=mysli&kat=op">św. o. Pio</a></li>
                                </ul>'; ?>
                </li>
        <li><a href="ikony.php?go=galery">Galeria</a></li>
        <li><a href="ikony.php?go=sam">Zaprojektuj</a></li>
        </ul>
        </li>
        </ul>
 
</div>
</div>
</div>
[HTML] pobierz, plaintext 

W kodzie powyżej chodzi mi głównie o kwestię Jan paweł II i pismo święte oraz inne. Jest ona wyświetlana gdy użytkownik znajduje się na stronie ikony.php?go=mysli

Chodzi o to ze ani rusz, ten fragment kodu nie chce wyglądać wszędzie tak jak chce. No oprócz Opery. W innnych przeglądarkach nie mogę siągnąć efektu operowskiego.

Kombinuje i kombinuję, ale jak cokolwiek zmienię, to wygląd jest do przyjęcia w IE i lisie, lecz nie taki jak trzeba w Operze.

CSS

[HTML] pobierz, plaintext 
#sidebar {
        float: left;
        width: 230px;
        margin-bottom: 10px;
        background: url(images/img04.jpg) repeat-y left top;
        color: #EEEEEE;
}
 
#sidebar .bgtop {
        background: url(images/img05.jpg) no-repeat left top;
}
 
#sidebar .bgbtm {
        background: url(images/img06.jpg) no-repeat left bottom;
}
 
#sidebar ul {
        margin: 0 0 0 20px;
        padding: 30px 0 20px 0;
        list-style: none;
}
 
#sidebar li {
}
 
#sidebar li ul {
        padding: 0px 17px 16px 0px;
}
 
#sidebar li ul ul{
        padding: 0;
}
 
#sidebar li li {
        border-bottom: 1px dotted #E3E3E3;
        padding: 0 0 10px 0px;
}
 
#sidebar li li li{
        border-bottom: 0;
        padding: 0;
		margin: -0.2em 0 0 0;
}
 
#sidebar ul li ul li ul img {
		margin: 0 0 -0.25em  0;
 
}
 
#sidebar h2 {
        margin: 0;
        height: 30px;
        background: url(images/img07.jpg) no-repeat left 45%;
        padding: 0px 0px 0px 0px;
        text-transform: uppercase;
        font-family: Monotype Corsiva, Arial, Helvetica, sans-serif;
        font-size: 23px;
        color: #753333;
}
 
#sidebar a {
        font-size: 18px;
        font-family: Monotype Corsiva, Arial, Helvetica, sans-serif;
        color: #000000;
		font-weight: none;
 
}
 
#sidebar ul li ul li ul li a {
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        color: #000000;
		font-weight: none;
 
}
 
#sidebar a:hover {
        text-decoration: none;
 
 
}
[HTML] pobierz, plaintext 

Proszę o pomoc!

[thomson89]

Ten kawałek kodu :

(tylko selektor podaje) #sidebar ul li ul li ul li a

...odpowiada za wygląd wskazanego tekstu (czyli JPII i inni). Mój problem polega na tym, ze Mozilla Firefox, oraz Internet Explorer nie wyświetlają podanego tekstu...:

[HTML] pobierz, plaintext 
<!-- (...) -->
<li><a href="ikony.php?go=mysli&kat=all">Katalog cytatĂłw</a>
<?php if(isset($_GET['go']) && $_GET['go'] == 'mysli') echo'<ul>
<!-- TUTAJ ZACZYNA SIĘ TEN TEKST -->
<li><img src="images/folder.png"> <a href="ikony.php?go=mysli&kat=jp">Jan Paweł II</a></li>
<li><img src="images/folder.png"> <a href="ikony.php?go=mysli&kat=ps">Pismo Święte</a></li>
<li><img src="images/folder.png"> <a href="ikony.php?go=mysli&kat=sw">ks. kard. Wyszyński</a></li>
<li><img src="images/folder.png"> <a href="ikony.php?go=mysli&kat=op">św. o. Pio</a></li>
<!-- A tutaj kończy -->
</ul>'; ?>
</li>
<!-- (...) -->
[HTML] pobierz, plaintext 

...według podanych styli:

[HTML] pobierz, plaintext 
#sidebar ul li ul li ul img {
margin: 0 0 -0.25em 0;
}
 
/* (...) */
 
#sidebar ul li ul li ul li a {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
font-weight: none;
 
}
[HTML] pobierz, plaintext