choroba szalonego div`u...

[magdaoneway]

witam Wszystkich.

Bardzo prosze o pomoc z jednym divem, ktory nie chce wygladac tak jak powinien.
Chodzi o poziome menu, ktore sie rozjezdza (widac od razu o co chodzi jak sie wejdzie na strone). Probowalam roznych rzeczy ale naprawde nie moge dojsc do tego co jest nie tak.
Czy ktos, moglby swoim fachowym okiem ocenic problem i cos podpowiedziec? Bede naprawde bardzo wdzieczna bo utknelam w martwym punkcie.
link do strony: http://www.magdaoneway.fasthost.pl/

a tu css:

body{
text-align: center;
font: 11pt Arial, sans-serif;
padding: 0;
margin: 0;
}

#rama{
text-align: center;
padding: 0;
margin: auto;
position: relative;
width: 782px;
overflow: auto;
background: url(cut/tlo.jpg);
}

#topa{
width: 780px;
height: 163px;
background: url(cut/gora_a.jpg);
clear: both;
}


#inline {
display: inline;
width: 780px;
height: 29px;
padding: 0px;
clear: both;
}

#topb{
width: 452px;
height: 26px;
padding: 0px;
margin: 0px;
background: url(cut/gora_b.jpg);
float: left;
}


#inline2 {
display: inline;
width: 328px;
height: 29px;
}

#menu {
margin-left: 0px;
}

#menu img {
padding: 0px;
margin: 0px;

}




#lewa{
float: left;
}

#lewa img {
display: block;
margin-top: 10px;
margin-left: 15px;
margin-bottom: 5px;
margin-right: 0px;
padding-bottom: 10px;
}

/*pierwsze foto od gory - inny padding*/
.img_first {
display: block;
margin-top: 20px;
margin-left: 15px;
margin-bottom: 5px;
margin-right: 0px;
}

/*podpisy pod lewe zdjecia*/
#lewa a:link {
padding: 0px;
font: 11px Arial, Verdana;
font-weight: normal;
color: #690300;
text-align: left;
text-decoration: none;
margin-left: 10px;
cursor: hand;
}

#lewa a:visited {
padding: 0px;
font: 11px Arial, Verdana;
font-weight: normal;
color: grey;
text-align: left;
text-decoration: none;
margin-left: 10px;
cursor: hand;
}

#lewa a:hover {
padding: 0px;
font: 11px Arial, Verdana;
font-weight: normal;
color: #690300;
text-align: left;
text-decoration: underline;
margin-left: 10px;
cursor: hand;
}

#lewa a:active {
padding: 0px;
font: 11px Arial, Verdana;
font-weight: normal;
color: #690300;
text-align: left;
text-decoration: none;
margin-left: 10px;
cursor: hand;
}


#dol{
width: 780px;
height: 27px;
float: left;
background-color: #910303;
}

[ola]

Po pierwsze w html-u:
- domknij tag <div id="menu">, bo jest nie domknięty
- usuń za to dodatkowe niepotrzebne domknięcie po divie #lewa.

Po drugie w css:
- domknij #inline, bo brakuje zamykającej klamry (w css na stronie a nie w tym co wkleiłaś w poście);
- spróbuj zmienić css na:

Kod: Zaznacz cały

#inline {
	display: inline;
	height: 29px;
	padding: 0px;
}

#menu {
	margin: 0;
	padding: 0;
	width: 328px;
}
						
#menu img {
	display:inline;
	padding: 0px;
	margin: 0px;				
}

Powinno pomóc.

Poza tym spróbuj uporządkować cały kod, bo jest bardzo zaśmiecony.