Containing Element Height Doesn't Change When Browser Text Size Increased.

http://www.imagesandwords.org.uk/les/pages/coursesmentalhealth.php

 

so, that' s page , question menu bars.

 

when increase text size in browser of page holds far can make out (in ff) <ul> element increases font size <div> containing element doesn't.  looks though background image protrudes outside of containing <div> , looks ugly.

 

qa) what's happening?

 

qb) can fix it?

 

many thanks

 

martin

your menu graphic simple enough. try replacing image sprite background colors , borders.  

 

.menu
{
    margin:0 auto;
    padding:0;
    height:30px;
    width:100%;
    display:block;
    background: green;
    border-top: 2px solid brown;
    border-bottom: 2px solid brown;
}

 

 

nancy o.
alt-web design & publishing
web | graphics |  print | media specialists
www.alt-web.com/
www.twitter.com/altweb

More discussions in Dreamweaver support forum

adobe