Any idea how I can get fullwidth hr tag

[thegreatdanton]

Hello,

I'm struggling with some CSS. The link to my website is http://woodlandprint.com/woodl2011/what-we-do/design. Does anyone know how I can make the hr tag expand across the fullwidth of the page? Currently the css is:

hr 	{background:none repeat scroll 0 0 #659730;margin-bottom:0.5px;clear: both;width:100%;padding:0.5px;height: 3px;}

I would like it to be the same as the top green bar, that goes across the full width of the page. Any help would be greatly appreciated. Thank you

[Major Payne]

CSS errors

Ignore those about border radius.

HTML errors

CSS
HTML

I would say with a width of 100%, the hr will be at a 100% width of its container. If green bar and hr are not in same size width containers, then they be different.

BTW, you have no background so coding it in makes no sense. Only if you want the color: background: #659730;

The clear I guess is for clearing some floats. Didn't look at code.

[StanleyJenkins]

I wouldn't even bother with the hr tag. I would just change the top and bottom borders of a div that surrounds the main content of your website.

[highbreed]

just make the margin:0 then width:100%

It will fix your problem.

[closeone]

Try this one;

hr {background:none repeat scroll 0 0 #659730;margin:0.5px;clear: both;width:100%;height: 3px;}

Hope this help