Call me dumb but i am really stumped on this. If you look through my source you will see i have added a transparent border to the bottom of #main-navigation and #welcome. Without adding the border the margins added to ul#article-summary-list (top margin) and the #main-navigation (bottom margin) are not affected. Im on my new iMac (he he) using firefox.
Stumped. Here is the source. Copy and paste it as its bare bones anyway: ------- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" " http://w3.org/TR/html4/strict.dtd";> <html lang="en"> <head> <title>Maypole Youth Centre</title> <style type="text/css"> /* Globals */ html * {margin: 0; padding: 0;} body { /* 62.5% works out to about 10px, which is good for sizing things up. 16px/100 x 62.5 = 10 */ font: normal normal 62.5%/1.5 Arial, sans-serif; width: 80em; margin: 0 auto; } ul {list-style: none;} /** Layout and Sizing **/ #main-navigation { margin: 4em 0; /* Note: Not sure if this is a fix, but it worked. Scope out an alternative method ... If one exists. Problem: Needed to apply overflow:hidden; to this element but was not possible because of the way i did the dropdown menu, if i added the O.F it would have hidden the content from the sub menu dropdown. Without any fix the H1 (used for testing) was not affected by the top and bottom margin values that are set above. */ border: 1px solid transparent; } #main-navigation li { position: relative; float: left; width: 13.3em; height: 2em; } #main-navigation li a { display: block; } #sub-navigation { position: absolute; top: 2em; left: 0; } #main-content { overflow: hidden; } #welcome { float: left; width: 40%; border-bottom: 1px solid transparent; } #youtube-video-list { float: right; width: 60%; } ul#article-summary-list { margin-top: 200px; clear: both; position: relative; } .article-summary { } /* When the menu isn't in use hide the sub menu's */ .sub-navigation { display: none; } /* When the user hovers over a superlink, display the list of sublinks. Note: Needs to be tested in older browsers. Not sure off hand if :hover works on list elements in IE5.5 and IE6. */ #main-navigation li:hover ul { display: block; } /** Style, color and text **/ #main-navigation li { text-align: center; } </style> </head> <body> <!-- Navigation Block :: Appears at the top of the page !--> <ul id="main-navigation"> <li id="first"><a href="#">Homepage</a></li> <li><a href="#">About Us</a> <ul class="sub-navigation"> <li><a href="#">The MPC</a></li> <li><a href="#">The Staff</a></li> <li><a href="#">In The Press</a></li> </ul> </li> <li><a href="#">Projects</a> <ul class="sub-navigation"> <li><a href="#">Adventures</a></li> <li><a href="#">Cycling</a></li> <li><a href="#">Detached Work</a></li> <li><a href="#">Action Group</a></li> <li><a href="#">MYFC</a></li> <li><a href="#">Saturday Club</a></li> </ul> </li> <li><a href="#">Community Boards</a></li> <li><a href="#">Other Services</a> <ul class="sub-navigation"> <li><a href="#">Maypole Juniors</a></li> <li><a href="#">Studio Practice</a></li> </ul> </li> <li id="last"><a href="#">Contact Us</a></li> </ul> <!-- Navigation Block End !--> <!-- Main Content Area !--> <div id="main-content"> <div id="welcome"> <h1>Welcome to the Maypole Centre</h1> <p>The Maypole Centre has been providing the young people of Maypole and Druids Heath with educational services and projects to inspire and develop. Our aim is to tackle drugs and crime through education and learning. The key is giving young people hope, prospects and a potential future.</p> <p>Pete Norman, <span>Youth Centre Manager</span></p> </div> <div id="youtube-video-list"> <h2>YouTube Video List (Eventually)</h2> </div> <ul id="article-summary-list"> <li class="article-summary"> <h2>MYFC Goes Up!</h2> <p>This year is a big year for Maypole Centre Football Club and the Birmingham first league is just the start. The season finished with the club going into a new league and hopefully a new stadium!</p> <p class="read-more"><a href="#">Read Full Article</a></p> </li> <li class="article-summary"> <h2>MYFC Goes Up!</h2> <p>This year is a big year for Maypole Centre Football Club and the Birmingham first league is just the start. The season finished with the club going into a new league and hopefully a new stadium!</p> <p class="read-more"><a href="#">Read Full Article</a></p> </li> <li class="article-summary"> <h2>MYFC Goes Up!</h2> <p>This year is a big year for Maypole Centre Football Club and the Birmingham first league is just the start. The season finished with the club going into a new league and hopefully a new stadium!</p> <p class="read-more"><a href="#">Read Full Article</a></p> </li> <li class="article-summary"> <h2>MYFC Goes Up!</h2> <p>This year is a big year for Maypole Centre Football Club and the Birmingham first league is just the start. The season finished with the club going into a new league and hopefully a new stadium!</p> <p class="read-more"><a href="#">Read Full Article</a></p> </li> <li class="article-summary"> <h2>MYFC Goes Up!</h2> <p>This year is a big year for Maypole Centre Football Club and the Birmingham first league is just the start. The season finished with the club going into a new league and hopefully a new stadium!</p> <p class="read-more"><a href="#">Read Full Article</a></p> </li> </ul> </div> <!-- Main Content Area End !--> </body> </html> ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *******************************************************************
