div-menu skal under den anden

(bemærk tilføjelsen af style på nr. 2 menu'es <h1> ...
teksten er for lang til boxens width ellers ...

#menucont{
float:left;
position:relative;
width:162px;
margin: 0px;
padding:0px;
}




      <div id="menucont">
                <div id="menu" style="float: left;">
                    <p></p><h1>Navigation</h1>
                    ~ <a href="http://sam.woox.dk/index.htm">Forside</a><br>
                    ~ <a href="http://woox.dk/">WooX.DK</a><br>
                    ~ <a href="http://sam.woox.dk/index.htm">Forside</a><br>
                    ~ <a href="http://sam.woox.dk/index.htm">Forside</a><br>
                    ~ <a href="http://sam.woox.dk/index.htm">Forside</a><br>
                    ~ <a href="http://sam.woox.dk/index.htm">Forside</a><br>
                    ~ <a href="http://sam.woox.dk/index.htm">Forside</a><br>
                    ~ <a href="http://sam.woox.dk/index.htm">Forside</a><br>
                    ~ <a href="http://sam.woox.dk/index.htm">Forside</a><br>
                    ~ <a href="http://sam.woox.dk/index.htm">Forside</a><br>
                    ~ <a href="http://sam.woox.dk/index.htm">Forside</a><br>
                    ~ <a href="http://sam.woox.dk/index.htm">Forside</a><br>
                    ~ <a href="http://sam.woox.dk/index.htm">Forside</a><br>
                    ~ <a href="http://sam.woox.dk/index.htm">Forside</a><br>
                    ~ <a href="http://sam.woox.dk/index.htm">Forside</a><br>
                    ~ <a href="http://sam.woox.dk/index.htm">Forside</a>
                </div>

<br><br>

                <div id="menu" style="float: left;">
                    <p></p><h1 style="font-size: 28px;">Opslagstavle</h1>
                    Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla ...
                </div>
</div>

hov, ret lige <div id="menu" til <div class="menu" og i css
ret #menu til .menu man må kun have 1 af hver id ;)
- float på menu'divs bør heller ikke være nødvendig da der er float på menucont

Hmm, ja det med teksten har jeg bemærket.
Hvorfor har du sat <p></p> ind?
Hvorfor har du lavet menucont, som har den samme style som menu?
Vil du ikke prøve at forklare hvad du har gjort?

Hvorfor har du sat <p></p> ind?>
hov, fejl det var firefox da det gemte lokalt :P

Hvorfor har du lavet menucont, som har den samme style som menu?>
- for at have en boks i venstre side med den width og en højde(automatisk) der passer til dens indhold... hvis du har to bokse hver for sig med float:left så sætter browseren dem ved siden af hinanden hvis det er muligt ... ved at wrappe dem ind i samme boks med fast bredde kommer de under hinanden når de indre bokse fylder det samme som den ydre...

(lidt kludret formuleret :P var det godt nok?)

#menucont{
float:left;
position:relative;
width:162px;
margin: 0px;
padding:0px;
}

<div id="menucont">
                <div class="menu">
                    <h1>Navigation</h1>
                    ~ <a href="index.htm">Forside</a><br>

                    ~ <a href="http://woox.dk">WooX.DK</a><br>
                    ~ <a href="index.htm">Forside</a><br>
                    ~ <a href="index.htm">Forside</a><br>
                    ~ <a href="index.htm">Forside</a><br>
                    ~ <a href="index.htm">Forside</a><br>

                    ~ <a href="index.htm">Forside</a><br>
                    ~ <a href="index.htm">Forside</a><br>
                    ~ <a href="index.htm">Forside</a><br>
                    ~ <a href="index.htm">Forside</a><br>
                    ~ <a href="index.htm">Forside</a><br>

                    ~ <a href="index.htm">Forside</a><br>
                    ~ <a href="index.htm">Forside</a><br>
                    ~ <a href="index.htm">Forside</a><br>
                    ~ <a href="index.htm">Forside</a><br>
                    ~ <a href="index.htm">Forside</a>

                </div>

<br><br>

                <div class="menu">
                    <h1>Note</h1>
                    Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla ...
                </div>
</div>

Okay, nu forstod jeg hvordan det hang sammen, men nu fucker det godt nok i alle browsere, prøv at kig http://sam.woox.dk

sådan?

            .menu {
                position:relative;
                width:162px;
                margin-right: 0px;
                padding:7px;
                text-align:left;
                background-color:#3E6E9D;
                z-index:1;
                letter-spacing:1px;
                float:left;
            }
            #menucont {
                float:left;
                position:relative;
                width:176px;
                margin:0px 7px 3px 0px;
                padding:0px;
            }

Tusind tak, nu funker det. Vil du forklare mig hvorfor du har sat 3px her:
margin:0px 7px 3px 0px;

margin:top , right , bottom , left ;)
... det så lidt bedre ud end padding: 7px; synes jeg...
men prøv at skifte tallene lidt rundt til du får afstanden du vil have :)

Endnu engang tusind tak :)

det var så lidt :)
- tak for point :)