přestalo mi v IE fungovat zarovnání divů vedle sebe

Co když nastavíš šírku i jednotlivým li? Floating bez width blbne ve starších IE.

Z těch tvých zmatků v kódu nevím, jaké barvy odkazů chceš docílit. Proto dotazník:
jakou chceš barvu:
- odkazů
- odkazu, nad kterým je myš
- navštívených odkazů

Totéž pro menu, jakou chceš barvu:
- odkazů v menu
- odkazu v menu, nad kterým je myš
- navštívených odkazů v menu

Jen, abys věděl, jak ti to teď funguje:
a:hover {color: blue; text-decoration: underline;} /* 3. radek mysi prejizdene odkazy budou modre */
a:visited {color: blue;} /* 4. radek navstivene odkazy budou modre */
.menu a {...; color: black; ...} /* 15. radek odkazy menu budou cerne, ale navstivene budou modre (viz radek 4) */
.menu a:hover {text-decoration: none; color: #FFA500;} /* 16. radek mysi prejizdene odkazy menu budou #FFA500 */
.menu a:visited {color: black;} /* 17. radek navstivene odkazy menu budou cerne (i ty prejizdene mysi) */

Nevím, proč linkuješ css/styl.php, stejně je přesměrovaný na css/pokus.css a jenom to zdržuje.
Vyházel jsem nesmysly a trochu jsem optimalizoval, mám na mysli jen barvy a odkazů, na ostatní jsem se nedíval.

p {text-indent: 30px; margin: 0; text-align: left;}
a {color: blue; text-decoration: none; font-size: 16px;}
a:hover {text-decoration: underline;}
.wh {background-color: white; width: 650px; border-color: red; border-style: solid;}
h1 {color: red; text-align: center; margin: 1em 0;}
h3 {margin-top: 1.5em; margin-bottom: 0.2em;}
h4 {margin-top: 0 ; margin-bottom: 0.5em; border-bottom: 1px solid red;}
table {font-size: 16px; border: 0;}
body {text-align: center; background-image: url('http://www.spajky.ic.cz/css/malina.jpg'); background-repeat: repeat; background-attachment: fixed;}
* {font-family: Comic Sans MS, Arial Black, Sans Serif; text-align: center; margin: 0 auto;}
.menu {padding: 1em 0; text-align: center;}
.menu ul {margin: 0 auto; padding: 0; width: 792px;}
.menu li {list-style: none; margin: 0; padding: 0; float: left; width: 88px; height: 24px;}
.menu a {display: block; font-size: 14px; font-weight: bold; text-decoration: none; display: block; width: 88px; height: 24px; color: black; font-family: "Comic Sans MS", sans-serif; text-align: center; background: url('http://www.spajky.ic.cz/css/0-1.jpg') no-repeat;}
.menu a:hover {text-decoration: none; color: #FFA500;}
.obsah {clear: both;}
img {border: none;}

Říkal jsem, že nechci a:visited obarvovat, chci aby to bylo stejnou barvou jako a!
Taky že je!

Proč jsi smazal všechny a:visited, je to snat něco špatného nechat s barvu stenou jako u nenavštíveného odkazu?
Je to zbytečná deklarace, co je dodrého na tom, mít v kódu úplně zbytečnou deklaraci? Pokud deklaruji barvu pro "a", nemusím definovat tutéž barvu znova pro a:visited

Proč se visited nesnese s hover?
Ale snese. V CSS platí pár jednoduchých pravidel: http://www.jakpsatweb.cz/css/css-kaskadovani.html
Ale :hover se musí deklarovat později, než :visited, viz Pozdější vyhrává.

Podle toho, cos napsal, ses nezkušeným okem mrknul na CSS a ani jsi ho nezkoušel.

Tohle je mnou komentovaný výcuc z tvého "starého" kódu, už tu sice na stránce jednou je, ale abys nemusel tolik rolovat, dám je znova, můžeš porovnat rozdíly:

a:hover {color: blue; text-decoration: underline;} /* 3. radek mysi prejizdene odkazy budou modre */
a:visited {color: blue;} /* 4. radek navstivene odkazy budou modre */
.menu a {...; color: black; ...} /* 15. radek odkazy menu budou cerne, ale navstivene budou modre (viz radek 4) */
.menu a:hover {text-decoration: none; color: #FFA500;} /* 16. radek mysi prejizdene odkazy menu budou #FFA500 */
.menu a:visited {color: black;} /* 17. radek navstivene odkazy menu budou cerne (i ty prejizdene mysi) */

Tohle je komentovaný výcuc "mého" kódu (se zaměřením na barvy a podtrzeni)

a {color: blue; text-decoration: none; font-size: 16px;} /* vsechny odkazy budou modre, tedy i ty navstivene (visited) */
a:hover {text-decoration: underline;} /* mysi prejizdene odkazy menu nebudou podtrzené */
.menu a {display: block; text-decoration: none; display: block; color: black; } /* odkazy v menu budou cerne, tedy i ty navstivene (visited), nepodtrzene, zbytecne 2× deklarujes display:block; */
.menu a:hover {text-decoration: none; color: #FFA500;} /* mysi prejizdene odkazy menu budou #FFA500, doporucuji smazat text-decoration: none; protoze nepodtrzeni se dedi z .menu a - tim se zprehledni kod, nebude tam zbytecna deklarace */

Přečet jsem si pozdější vyhrává, ale tam bylo jen, formátování vně a uvitř a pak ještě important...
Je tam i dědičnost, takže co nadeklaruješ pro "a", platí i pro a:hover, a:visited, .menu a, .menu a:hover...
A pak hezky pokračuješ v dalších deklaracích.

Ještě dobrý článek o CSS je na Interval.cz - http://interval.cz/clanky/kaskadove-styly-v-dobrem-stylu/