Navigation bar not stretching

Template Contemporary Green, http://www.primopipez.com

Across the top of my page I have a drop down navigation bar.
I am having trouble making it stretch to the full width of the body.
Any suggestions?

You have tinkered with far too many things to make this site view in an attractive way.

On my wide-screen, it looks awful.

Making a site 100% width creates problems on widescreens, and then you have put other things in to STRETCH images, backgrounds etc...

Start again with your stylesheet.

I have a similar dropdown menu structure using <ul>s, which is wrapped in two divs - an outer and an inner - namely navtop and navtop2 respectively.

To control the layout, I created a special css file called stylesheet_headerfooter.css which contains amongst other things:

#navtop {
	z-index:1;
	width:98%;
	margin:0 auto;
	padding-top:0.5em;
	color:#fff;
	font-weight:normal;
	font-size:1.0em;
	text-align:center;
	}

.navtop2 {
	width:30.8em; /* adjust to fit */
	margin:0 auto;
	text-align: center;
	}

.navtop2 ul {
	padding-top:0.5em;
	margin:0 auto;
	}

The only problem I have encountered with this is when the navtop width is less than the navtop2 width, such as on small screens like mobile phones, the menu wraps with unintended consequences.

In your case, you could try adding the inner div and changing
text-align: center;
to
text-align:justify;

Hope this helps