Hi,
I'm having problems closing the gap on the nav menu for the following site.
http://newebirl.ie/mnsite/

I'd like the green bar (nav) to be flush with the image above it and the gray box under it so you don't see any white space.

Here is the CSS I'm using:

CSS:
#masthead {width: 950px; margin: 0 auto 0 auto; background: transparent; clear:both;}
.logo {float: left; margin: 10px 0 0 2px; width: 310px; }
.logo img {border: 0; }
.mastheadimg { border-top: 5px solid #056839; margin: 0px; padding: 0px;}
.slogan { position:relative; float: right; width: 300px; height: 40px; clear: right; margin: 30px 10px 0 0; color: #CCC; text-align: right;} .social { position:relative; float: right; width: 300px; height: 40px; clear: right; text-align: right;}

/* Menu master nav Settings */
#mainNav{display: block;width: 950px;margin: 0 auto 0 auto; background: url(images/menubar.png) repeat-x top left;}
#mainNav ul { margin: 5px 0 5px 0; padding: 5px 0 5px 10px;}
#mainNav li {display: inline; list-style:none; padding: 0 20px 0 0;}
#mainNav li a {color: #fff; text-decoration: none; font-weight: bold;}
#mainNaV li a:hover {text-decoration: underline;}

This is the page code:
<div id="masthead">
<div class="logo"><a href="<?php echo get_option('home'); ?>"><img src="http://newebirl.ie/wp-content/themes/cthemeMN/images/mnlogo.png"; alt="thevickerys"></a></div>
<div class="slogan"><?php bloginfo( 'description' ); ?></div>
<div class="mastheadimg"><img src="http://newebirl.ie/wp-content/themes/cthemeMN/images/mastheadbg.jpg"; alt="Mediation Now"/></div>
</div>
<!-- Master Nav Area -->
<div id="mainNav"><?php wp_nav_menu( $args ); ?></div>

I just can't get that gap closed !!!
Anyone got any ideas?

Alan
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to