I have a CSS menu that is only spanning about half the page and I want it to span the whole way. What can I change in this code to make it happen? Thanks
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>Menu</title>
<meta name="description" content="Menu" />
</head>
<body bgcolor="#ffffff">
<!-- Start Dropdown Header Menu STYLE -->
<style>
#pcm{display:none;}
ul.erpmenu ul{display:none}
ul.erpmenu li:hover>ul{display:block}
ul.erpmenu ul{position: absolute;left:-1px;top:97%;}
ul.erpmenu ul ul{position: absolute;left:97%;top:-2px;}
ul.erpmenu,ul.erpmenu ul {
margin:0px;
list-style:none;
padding:0px 5px 1px 0px;
background-color:#003B6A;
background-repeat:repeat;
border-color:#A6A6A6;
border-width:0px;
border-style:solid;
}
ul.erpmenu table {border-collapse:collapse}ul.erpmenu {
display:block;
zoom:1;
float: left;
}
ul.erpmenu ul{
width:180.12px;
}
ul.erpmenu li{
display:block;
margin:1px 0px 0px 1px;
font-size:0px;
}
ul.erpmenu a:active, ul.erpmenu a:focus {
outline-style:none;
}
ul.erpmenu a, ul.erpmenu li.dis a:hover, ul.erpmenu li.sep a:hover {
display:block;
vertical-align:middle;
background-color:#003B6A;
border-width:0px;
border-color:#FCEEB0;
border-style:solid;
text-align:left;
text-decoration:none;
padding:5px;
_padding-left:0;
font:bold 12px Arial;
color: #FFFFFF;
text-decoration:none;
cursor:pointer;
}
ul.erpmenu span{
overflow:hidden;
}
ul.erpmenu li {
float:left;
}
ul.erpmenu ul li {
float:none;
}
ul.erpmenu ul a {
text-align:left;
white-space:nowrap;
}
ul.erpmenu li.sep{
text-align:left;
padding:0px;
line-height:0;
height:100%;
}
ul.erpmenu li.sep span{
float:none;padding-right:0;
width:3;
height:100%;
display:inline-block;
background-color:#A6A6A6;background-image:none;}
ul.erpmenu ul li.sep span{
width:100%;
height:3;
}
ul.erpmenu li:hover{
position:relative;
}
ul.erpmenu li:hover>a{
background-color:#FFFFFF;
border-color:#4C99AB;
border-style:solid;
font:bold 12px Arial;
color: #57A0FF;
text-decoration:none;
}
ul.erpmenu li a:hover{
position:relative;
background-color:#FFFFFF;
border-color:#4C99AB;
border-style:solid;
font:bold 12px Arial;
color: #57A0FF;
text-decoration:none;
}
ul.erpmenu li.dis a {
color: #AAAAAA !important;
}
ul.erpmenu img {border: none;float:left;_float:none;margin-right:5px;width:16px;
height:16px;
}
ul.erpmenu ul img {width:16px;
height:16px;
}
ul.erpmenu img.over{display:none}
ul.erpmenu li.dis a:hover img.over{display:none !important}
ul.erpmenu li.dis a:hover img.def {display:inline !important}
ul.erpmenu li:hover > a img.def {display:none}
ul.erpmenu li:hover > a img.over {display:inline}
ul.erpmenu a:hover img.over,ul.erpmenu a:hover ul img.def,ul.erpmenu a:hover a:hover ul img.def,ul.erpmenu a:hover a:hover img.over,ul.erpmenu a:hover a:hover a:hover img.over{display:inline}
ul.erpmenu a:hover img.def,ul.erpmenu a:hover ul img.over,ul.erpmenu a:hover a:hover ul img.over,ul.erpmenu a:hover a:hover img.def,ul.erpmenu a:hover a:hover a:hover img.def{display:none}
ul.erpmenu a:hover ul,ul.erpmenu a:hover a:hover ul{display:block}
ul.erpmenu a:hover ul ul{display:none}
ul.erpmenu span{
display:block;
background-image:url('images/arrv_blue_2.gif');
background-position: right center;
background-repeat: no-repeat;
padding-right:8px}
ul.erpmenu li:hover>a>span{background-image:url('images/arrv_white_2.gif');
}
ul.erpmenu a:hover span{_background-image:url("images/arrv_white_2.gif")}
ul.erpmenu ul span,ul.erpmenu a:hover table span{background-image:url('images/arr_blue_2.gif')}
ul.erpmenu ul li:hover > a span{background-image:url('images/arr_white_2.gif');}
ul.erpmenu table a:hover span,ul.erpmenu table a:hover a:hover span{background-image:url('images/arr_white_2.gif')}
ul.erpmenu table a:hover table span{background-image:url('images/arr_blue_2.gif')}
ul.erpmenu li a.erpmenui0{
font:n;
}
ul.erpmenu li a.erpmenui0:hover{
font:o;
}
</style>
<!-- End erpmenu.com STYLE -->
