Breite - Fixierte Navigation

<style type="text/css">
body { font: normal 100.01% Helvetica, Arial, sans-serif; color: black; min-width: 50px; }
p { margin: 3em 0 0 3em; }
p a { color:black; }

html { padding: 0; }

body { margin: 0; padding: 0; }
#fixiert { position: absolute; top: 300px; left: 200px; width: 10px; border: 1px solid silver; }
html>body #fixiert { position: fixed; }
#Inhalt { margin-left: 50px; padding: 0 1em; border-left: 2px ridge gray; border-top: 2px ridge gray; }
Navigation { font-size: 0.83em; margin: 0 0 1.2em; padding: 0; }
#Navigation li { list-style: none; margin: 0; padding: 0.5em; }
ul#Navigation a { display: block; padding: 0.2em; font-weight: bold; }
ul#Navigation a:link { color: black; background-color: #eee; }
ul#Navigation a:visited { color: #666; background-color: #eee; }
ul#Navigation a:hover { color: black; background-color: white; }
ul#Navigation a:active { color: white; background-color: gray; }
</style>

<div id="fixiert">
<ul id="Navigation">
<li><a href="http://www.lyrische-momente.de/Freundschaft.htm">Freundschaft - Seite 1</a></li>
<li><a href="http://www.lyrische-momente.de/Freundschaft-2.htm">Freundschaft - Seite 2</a></li>
</ul>
</div>

#fixiert { position: absolute; top: 320px; left: 230px; width: 10px; text-align: center; max-width: 140px; border: 1px solid silver; }