Habe Probleme mit CSS

Webdesign & Technik HTML & CSS
1

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; }

2

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

3

1 moment

4

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

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

so far…

6

thanks