Mozila

Zdravim,
dělám si nové stránky a vzhled v IE 6 vypadá dobře jenomže v mozile se to
rozeskočí uplně jinak prosí podívejte se mi na to. Děkuji

http://wwww.masozrave.com/pokus/

tady je kod z CSS

body { margin: 0 5% 0 5%; }

.hlavicka { background: green;
color: white;
text-align: center;
width: 100%;
height: 100px;

}

.telo { width: 100%;
margin: 5px 0 0 0;

}

.hlavni { width: 80%;
float: right;

}

.levy-sloupec { background: #339933;
padding: 1em 0 1em 0;
float: left;
border: 1px solid black;
width: 20%;

}

.pravy-sloupec { background: #339933;
padding: 1em;
float: right;
right: 0;
text-align: center;
border: 1px solid black;
width: 20%;

}

.obsah { background: white;
padding: 0.5em;
float: left;
width: 79%;

}


.paticka { clear: left;
background: green;
color: white;
margin: 5px 0 0 0;
padding: 5px 50px 5px 50px;
border: 1px solid black;
width: 100%;
float: left;

}

.menu { text-align: center;
font-weight: bold;
color: white;
}

.menu a { display: block;
color: white;
margin: 1em;
border-top: 1px solid white;
border-bottom: 1px solid white;
font-size: 1.2em;
text-decoration: none;
text-align: center;
font-weight: bold;

}

.menu a:hover { background: green;}

.anketa { border: 1px solid white;
margin: 15px 0 5px 0;
text-align: center;
background: white;

Pořád mi to nefunguje jsem začátečník prosim poradte. Děkuji

nový:

/* CSS Document */
body { margin: 0 5% 0 5%; }

.hlavicka { background: green;
color: white;
text-align: center;
width: 100%;
height: 100px;

}

.telo { width: 100%;
margin: 5px 0 0 0;

}

.hlavni { width: 80%;
float: right;

}

.levy-sloupec { background: #339933;
padding: 1em 0 1em 0;
float: left;
border: 1px solid black;
width: 20%;

}

.pravy-sloupec 2 { width: 20%; }

.pravy-sloupec { background: #339933;
padding: 1em;
float: right;
right: 0;
text-align: center;
border: 1px solid black;

}

.box { width: 90%; }

.obsah { background: white;
padding: 0.5em;
float: left;
width: 79%;

}


.paticka { clear: left;
background: green;
color: white;
margin: 5px 0 0 0;
padding: 5px 50px 5px 50px;
border: 1px solid black;
width: 100%;
float: left;

}

.menu { text-align: center;
font-weight: bold;
color: white;
}

.menu a { display: block;
color: white;
margin: 1em;
border-top: 1px solid white;
border-bottom: 1px solid white;
font-size: 1.2em;
text-decoration: none;
text-align: center;
font-weight: bold;

}

.menu a:hover { background: green;}

.anketa { border: 1px solid white;
margin: 15px 0 5px 0;
text-align: center;
background: white;

}

span { background: green;
border-top: 1px solid white;
border-bottom: 1px solid white; }

Taky že přečetl v druhém mojim příspěvku už to bylo upravené jak bylo v návodě! A nefungovalo

Tak jsem to tam napsal jak jste mi poradili o trochu se to zlepšilo, ale není to pořád na to místě jak má být a patička je nějaká delší.