dunque, ho ri-inserito il width 100 % al contenitore e successivamente ho scoperto che se nel box di sx riducevo la larghezza al 97%, ie6 (sempre e solo quello, ie5.5 nn ha problemi) nn andava a capo:

#button {
width: 150px;
padding: 0 0 0 0;
font-family: Tahoma, Arial, sans-serif;
/*'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;*/
font-size : 0.9em;
background-color: #90bade;
margin-left: -150px;
float: left;
position: relative;
z-index: 11;
}

#button ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#button li {
border-bottom: 1px solid #90bade;
margin: 0;
list-style: none;
list-style-image: none;
}

#button li a {
display: block;
padding: 8px 0px 6px 5px;
background-color: #3066e4;
color: #fff;
text-decoration: none;
width: 97%;
outline:none;
}

html>body #button li a {
width: auto;
}

#button li a:hover {
background-color: #2586d7;
color: #fff;
}

#button li #active {
background-color: #2586d7;
color: #000066;
}

#button li #active:hover {
background-color: #2586d7;
color: #fff;
}


perchè? qualcuno sa darmi un parere?