Hi - wonder if any one can help me with this. I am building a site and I'm trying use as much css as possible (to learn it). I have everything working OK in IE5+6 and Net6 but the positioning of the menu and logo on the left get messed up in net4.7. It still puts them on the left side but spreads them out down the page way too much. I have thought of making an alternate net4.7 freindly site but if there's anything I can do to fix up the existing css that would be better.

Thanks for any help.


the site is here

the three elements on the left margin are controlled by css using classes and <span> as follows:


position: absolute; left: 15px; top: 15px;

position: absolute; left: 15px; top: 23%;

position: absolute; left: 30px; top: 30%;

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;

position: absolute; left: 15px; top: 70%;


html for margin:

<!-- //*BEGINING OF html for left logo, menu and red dot image - left margin -->
<span class="marginlogo"><img src="images/buttons/spaga_black.gif" width="124" height="43"></span>
<span class="marginmenu"><img src="images/backgrounds/menubkg.jpg" width="124" height="196"></span>
<span class="marginred"><img src="images/buttons/spaga_red_transp.gif" width="123" height="119"></span>
<span class="menutext">
<p class="menutextfont">
<a href="index2.php">&gt; HOME</a><br>
<a href="about.php">&gt; about SPAGA</a><br>
<a href="address.php">&gt; addresses</a><br>
<a href="artists.php">&gt; artists</a><br>
<a href="contact.php">&gt; contact </a><br>
<a href="exhibitions.php">&gt; exhibitions</a><br>
<a href="members.php">&gt; members</a> <br>
<a href="guidelines.php">&gt; guidelines</a><br>
<a href="links.php">&gt; links</a>

<!-- //*END OF html for left logo, menu and red dot image - left margin -->


thank for any help.