Habe Probleme mit CSS

Hallo,
habe mich gerade angemeldet und auch eine Frage!
Vor kurzem habe ich angefangen mich mit CSS zu beschäftigen,
also noch sehr sehr wenig Ahnung.
Nun meine Frage: Im untenstehenden Script bei #left (mein Menü)
werden die oragenen Balken immer quer über die Hp gezogen. (nur von Firefox)
Warum?
Ich danke jetzt schon mal für die Antworten!

mfG,
wernerc


  • {
    margin: 0;
    padding: 0;
    }

body {
background: #FEAD1D url(images/bg.jpg) repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 17px;
color: #222;
}

a {
text-decoration: none;
color: #FD9A01;
}
a:hover {
text-decoration: underline;
color: #111;
}

#wrap {
margin: 0 auto;
width: 800px;
}

#header {
height: 190px;
background: #FEAD1D url(images/header.jpg) no-repeat;
text-align: right;
}

#left {
float:left;
margin:0 0 20px 20px;
width:150px
}
.left h2 {
padding-left: 10px;
height: 24px;
line-height: 24px;
background: #FF9600;
color: #fff;
font-size: 13px;
}
.left ul {
padding: 10px 0 15px 20px;
color: #FF9600;
}
.left ul li a {
text-decoration: none;
font-weight: 600;
}
.left ul li a:hover {

}
#content {
padding: 0 20px;
background: #fff url(images/content.jpg) repeat-y;
}

.right {
float:right;
margin:0 0 20px 0;
width:607px;
}
.table,tr,td,td {
color: #000000;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#bottom {
background : #FEAD1D url(images/bottom.jpg) no-repeat;
padding: 10px 0;
}

#footer {
text-align: center;
font-size: 11px;
color: #fff;
padding-bottom: 10px;
}
#footer a { color: #fff; }
#footer a:hover { color: #111; }

gibts das als Online-Beispiel? Auf welches HTML wird das angewandt?

1 moment

hier ist der link wernerc.bplaced.net/test/index.html

.left h2 {
padding-left: 0px;
height: 24px;
line-height: 24px;
background: #FF9600;
color: #fff;
font-size: 13px;
width: 150px;
}

so far…

thanks