div+css -> strona zle sie wyswietla Opcje

[savan]

Mam nastepujacy kod:

Kod

body {
    font: 11px Tahoma, Verdana, Arial;
    margin: 0px;
    padding: 0px;
    color: #034ea2;
    line-height:130%;
    background:url(../grafika/bodytlo.gif) repeat;
}

div#zewn {
    margin: 10px;
    padding: 0px;
    clear: both;
    width: 770px;
    background-color:#fff;
    text-align: left;
    vertical-align: top;
}
div#zewngora  {
    margin: 0px;
    padding: 0px;
    width: 770px;
    height:100px;
    border: 1px solid #ddd;
    clear: both;
    background:#fafafa;
    text-align: left;
    vertical-align: top;
    background:url(../grafika/zewngoratlo.jpg) #fff repeat-x bottom;
    float: left;
}
div#zewnsrodek {
    margin: 0px;
    padding: 0px;
    width: 770px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    clear: both;
    background:#fff;
    text-align: left;
    vertical-align: top;
    background:url(../grafika/zewnsrodektlo.jpg) #fff repeat-x top;
    float: left;
}
div#zewndol {
    margin: 0px;
    padding: 0px;
    width: 770px;
    height: 70px;
    border: 1px solid #ddd;
    clear: both;
    text-align: left;
    background:url(../grafika/zewndoltlo.jpg) #f5f5f5 repeat-x top;
    float: left;
}

/* */
div#goralewa {
    margin: 0px;
    padding: 10px;
    float: left;
    width: 300px;
}
div#goraprawa {
    background-color: #f5f5f5;
    margin: 0px;
    padding: 10px;
    float: right;
    width: 300px;
    border-left: 1px dotted #ddd;
}

div#srodeklewa {
    background: url(../grafika/srodeklewatlo.jpg) #f9f9f9 repeat-y left;
    margin: 10px;
    padding: 10px;
    float: left;
    width: 200px;
    border: 1px solid #eee;
    color: #03A21E;
}
div#srodekprawa {
    background: url(../grafika/srodekprawatlo.jpg) #f9f9f9 no-repeat right top;
    margin: 10px 10px 10px 0px;
    padding: 10px;
    float: right;
    width: 490px;
    border: 1px solid #eee;
    color:#222;
}

div#dollewa {
    margin: 0px;
    padding: 10px;
    float: left;
    width: 550px;
    text-align:center;
    padding: 10px;
}
div#dolprawa {
    margin: 0px;
    padding: 10px;
    float: left;
    width: 170px;
    border-left:1px solid #ddd;
}

/* */
div#srodekprawa p {
    font-size: 14px;
    color: #222;
    font-family: "Times New Roman", Times, serif;
    line-height: 130%;
}
div#srodekprawa p:first-letter {
    font-size: 24px;
    font-weight: bold;
    line-height:14px;
    vertical-align: baseline;
}

div#srodeklewa dt {
    font-size: 13px;
    font-weight: bold;
}
div#srodeklewa dd {
    margin:0px;
    padding:0px;
}
div#srodeklewa li {

    list-style: none outside;
    margin:0px;
    padding:0px;
}

/* */
div#goralewa h1 {
    font-size: 24px;
    line-height: normal;
    margin:0px;
    font-family: Georgia, "Times New Roman", Times, serif;
}
div#srodekprawa h1 {
    font-size: 20px;
    line-height: normal;
    font-family: Georgia, "Times New Roman", Times, serif;
}
h2 {}
h3 {}
h4 {}
h5 {}

/* */
div#srodekprawa a:link {
    color: #000;
}
div#srodekprawa a:visited {
    color:#666;
}
div#srodekprawa a:hover {
    color: #000;
}
div#srodeklewa a:link, div#srodeklewa a:visited {
    color: #03A21E;
    line-height: 160%;
    font-size: 11px;
    font-weight: normal;
}
div#srodeklewa a:hover {
    color: #03C864;
    text-decoration: none;
}
div#zewndol a:link, div#zewndol a:visited {
    color: #034ea2;
}
div#zewndol a:hover {
    color: #0378FA;
}
div#goralewa a:link, div#goralewa a:visited {
    color: #999;
    text-decoration: none;
    margin:0px;
}
div#goralewa a:hover {
    color: #666;
    text-decoration: none;
}

[HTML] pobierz, plaintext 
<div align="center">
<div id="zewn">
 
	<div id="zewngora">
		<div id="goralewa">
			<h1><a href="http://jakasnazwa.pl">jakasnazwa</a></h1>
		</div>
		<div id="goraprawa">
			<dl>
			<dt><em>jakasnazwa jakasnazwa jakasnazwa</em></dt>
			<dd>jakasnazwa jakasnazwa jakasnazwa jakasnazwa jakasnazwa jakasnazwa jakasnazwa</dd>
			</dl>
		</div>
	</div>
	<div id="zewnsrodek">
		<div id="srodeklewa">
			<dl>
			<dt><strong>jakis tekst :</strong></dt>
			<dd>
			<ul>
			<li><a href="jakis tekst ">jakis tekst </a></li>
			<li><a href="jakis tekst ">jakis tekst </a></li>
			<li><a href="jakis tekst ">jakis tekst </a></li>
			<li><a href="jakis tekst ">jakis tekst </a></li>
			<li><a href="jakis tekst ">jakis tekst </a></li>
			</ul>
			</dd>
			</dl>
		</div>
		<div id="srodekprawa">
			<h1>jakis tekst jakis tekst jakis tekst jakis tekst </h1>
			<p>jakis tekst jakis tekst jakis tekst jakis tekst jakis tekst jakis tekst jakis tekst </p>
			<p>jakis tekst jakis tekst jakis tekst jakis tekst jakis tekst jakis tekst jakis tekst </p>
			<p>jakis tekst jakis tekst jakis tekst jakis tekst jakis tekst jakis tekst jakis tekst </p>
		</div>
	</div>
	<div id="zewndol">
		<div id="dollewa"><a href="jakis tekst">jakis tekst </a> &middot; jakis tekst <br />
									jakis tekst  &middot; jakis tekst : <a href="mailto:jakis tekst ">jakis tekst </a><br />
									jakis tekst : <a href="jakis tekst ">jakis tekst </a> &middot; jakis tekst : <a href="jakis tekst ">jakis tekst </a>
	</div>
		<div id="dolprawa">
			&middot; <a href="jakis tekst ">jakis tekst </a><br />
			&middot; <a href="jakis tekst ">jakis tekst </a>
		</div>
	</div>
 
</div>
</div>
[HTML] pobierz, plaintext 

...i cos zle sie wyswietla. po ustawieniu roznych kolorow tla i borderow (dla poprawienia widocznosci) nie wszytkie divy (te w srodku) wyswietlaja sie poprawnie. dodatkowo w FF jest inaczej niz w IE (w IE akurat niby poprawnie).
nie zgadzaja sie padding i margin - rozjezdza sie. cuda niewidy...
prawdopodobnie obecnie w stylach jest nieco za duzo kodu formatujacego, ale dotarlem do tego momentu w moich naukach probujac roznych metod, aby w koncu dobrze dzialalo.

widziecie tam jakies bledy? ...a na pewno sa

dzieki za pomoc!