Hi James,

 

You may want to try this instead:

 

    <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 

        {

            height: 1%;

            margin: 4em 0;

        }

        

        #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%;

        }

        

        #youtube-video-list

        {

            float: right;

            width: 60%;

        }

        

        ul#article-summary-list

        {

            clear: both;

            float: left;

            width: 100%;

            margin-top: 20px;

        }

        

        .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>

    

 

Best regards,

Kepler Gelotte

Neighbor Webmaster, Inc.

156 Normandy Dr., Piscataway, NJ 08854

 <http://www.neighborwebmaster.com> www.neighborwebmaster.com

phone/fax: (732) 302-0904

 



*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
BEGIN:VCARD
VERSION:2.1
N:Gelotte;Kepler;;Mr.
FN:Kepler Gelotte ([EMAIL PROTECTED])
ORG:Neighbor Webmaster
TITLE:Web Designer
TEL;WORK;VOICE:(732) 302-0904
TEL;WORK;FAX:(732) 302-0904
ADR;WORK:;;156 Normandy Dr;Piscataway;NJ;08854;United States of America
LABEL;WORK;ENCODING=QUOTED-PRINTABLE:156 Normandy Dr=0D=0APiscataway, NJ 08854=0D=0AUnited States of America
URL;WORK:http://www.neighborwebmaster.com
EMAIL;PREF;INTERNET:[EMAIL PROTECTED]
REV:20070415T052107Z
END:VCARD

Reply via email to