How do I make my Navigation bar stretch are from one side of the browser to the other? Currently it cuts off at the website margins.
Menu 1 Title
Menu 2 Title
Menu 3 Title
content_area
/* ############################### TOP NAVIGATION ############################### */
#horznav ul {
list-style-type: none;
margin: 0px;
padding: 0px;
width: 100%;
overflow: hidden;
background-color: #333;
position: relative;
top: 225px;
left: 0px;
}
#horznav li {
float: left;
border-right:1px solid #bbb;
}
#horznav li:last-child {
border-right: none;
}
#horznav li a {
display: inline-block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
#horznav li a:hover:not(.active) {
background-color: #111 repeat-x;
}
#horznav .active {
background-color: #4CAF50;
}
#horznav ul li a#horznav_end {background:none;}
Please help, i have tried everything! Thank you,
Andy
Sorry HTML is here:CODE
<!-- ==================== UL LAYOUT ==================== --> <div id="horznav"> <ul> <li><a href="Config_FullStoreURLdefault.asp">Home</a></li> <li><a href="Config_FullStoreURLAboutUs.asp">About Us</a></li> <li><a href="Config_FullStoreURLhelp.asp">Help</a></li> <li><a href="mailto:Config_EmailAddress_From?subject=Contact%20Us" id="horznav_end">Contact Us</a></li> </ul> </div> </div> </div>
//mod edit: [code][/code] tags added~gt