Hi resten, this is an interesting problem. A few suggestions, I believe you're having difficulty with the positioning because you are setting the height and width of each link in pixels but the top/left positions as percentages, so the images are overlapping each other. It's generally best to choose one and stick with it. Your mouseovers also don't seem to be working but I think that may be because you're rollover images as dictated in the CSS are missing. You're navigation is also extending above the main content box when the window height is too small. To avoid this I would advise using a structure like this:
<div id=container>
<div id=navigation style="float:left; width:30px;">
menu
</div>
<div id=contentContainer style="float:right; width: 600px;">
logo and content blocks
</div>
</div>
Creating a container for the entire site will keep everything lining up right. Also, in your HTML file you have a spar <ul> tag at the top. Hope this helps a little!
Chris Taylor - Catdynamics Australia
-------------------------------------
Increase Web Site Traffic
Website Marketing Tools
Internet Business Development
Free Webmaster Tools
Free Internet Marketing Course