2 problemy z CSSem Menu i float div w divie Opcje

[osimek1]

1. napisalem sobie menu w CSSach i w FireFoxie dziala tak jak powinno ale w operze wogole praktycznie nie dziala - rozwija sie ale nieda sie kliknac w zaden link, a pozniej sie niezwija
ponizej wklejam skrocony kod HTMLa

Kod

    <link rel="Stylesheet" type="text/css" href="StyleMenu.css" />
<ul class="Menu1">
<li class="Menu2">Bierki
        <ul class="Menu1">
         <li class="Menu2">
             <div style="background-color: 512222;">
                 <a class="menu" href="index.php?id=2">Ogólny opis</a> <br />
                 <a class="menu" href="index.php?id=1">Ruchy</a><br />
             </div>
         </li>
        </ul>
    </ul>
</ul>

a tu CSS

Kod

ul.Menu1 {
    text-align:center;
    padding: 0;
    margin: 0;
    list-style: none;
}

li.Menu2 {
    display:inline;
    position: relative;
    width: 10em;
    margin-right:2em;
    text-align:left;
    background-image:url(data/tlo21.jpg);
}

li.Menu2 ul.Menu1 {
    display: none;
    position: absolute;
    left: 0;
    text-align:left;
    width: 10em;
}

ul.Menu1 > li.Menu2 {
    top: auto;
}

li.Menu2:hover ul.Menu1{
display: block;
}

2. teraz drugi problem najlatwiej bedzie chyba jak zobaczycie na zywo o co mi chodzi link kazda z figur ma zrobionego jednego diva ogolnego aby wszystko bylo razem, pozniej jest div na tekst ktory ma ustawiony clear:left i div na obrazek ktory ma float:right no i jest problem bo jak widac ten z floatem wychodzi poza obrys tego glownego (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)

Ten post edytował osimek1 23.05.2008, 13:59:55

[vokiel]

Co do linka, który podałeś (link) to w Operze 9.27 nie działa te rozwijane menu (rozwija się, ale nie da się kliknąc, nic się nie otwiera).
Twoje menu na stronie:

[HTML] pobierz, plaintext 
<ul class="Menu1">
	<li class="Menu2">
		<a class="menu" href="index.php?" style="background-image:url(data/tlo21.jpg);">Strona główna</a>
	</li>
	<li class="Menu2"><a >Zasady</a>
		<ul class="Menu1">
			<li class="Menu2">
				<div style="background-color: 512222;"> <!-- to jest tu w ogóle niepotrzebne -->
				<a class="menu" href="index.php?id=3">Zasady gry</a><br />
				<a class="menu" href="#">Przebieg partii</a><br />
				<a class="menu" href="#">Zakończenie partii</a><br />
				</div> <!-- to jest tu w ogóle niepotrzebne -->
			</li>
		</ul>
	</li>
	<li class="Menu2">Bierki
		<ul class="Menu1">
			<li class="Menu2">
		 	<div style="background-color: 512222;">
		 		<a class="menu" href="index.php?id=2">Ogólny opis</a> <br />
		 		<a class="menu" href="index.php?id=1">Ruchy</a><br />
		 	</div>
			</li>
		</ul>
	</ul><!-- tutaj powinno być zamknięcie znacznika li a nie ul -->
</ul>
[HTML] pobierz, plaintext 

czy nie lepiej zrobić to tak?:

[HTML] pobierz, plaintext 
<li class="Menu2">Bierki
	<ul class="Menu1">
		<li class="Menu2"><a class="menu" href="index.php?id=2">Ogólny opis</a></li>
		<li class="Menu2"><a class="menu" href="index.php?id=1">Ruchy</a></li>
		</li>
	</ul>
</li>
[HTML] pobierz, plaintext