width of drop-down <li> not 100% in IE

[skijor]

I have created a vanilla drop-down menu and want the width of the
sub-menu elements to be as wide as the widest element in the drop-down.
This would make each flush on the right border.

It works in Firefox but in IE I see two strange things. 1st: the width
of the first drop-down is as wide as the entire menu bar. 2nd: the
elements of the remaining drop-down menus have widths of 'auto';

div#listmenu ul li ul li {
width: 100%;
}

[skijor]

skijor wrote:

I have created a vanilla drop-down menu and want the width of the
sub-menu elements to be as wide as the widest element in the drop-down.
This would make each flush on the right border.

It works in Firefox but in IE I see two strange things. 1st: the width
of the first drop-down is as wide as the entire menu bar. 2nd: the
elements of the remaining drop-down menus have widths of 'auto';

div#listmenu ul li ul li {
width: 100%;
}

The problem seems to be that the list elements are inheriting their
width from the listmenu. So 100% in IE 6 means the width of the
listmenu and not the width of each <li>. How do I break this?