help with ul li menu

[murfy]

Please help me with this I'm completely lost. The problem is that in Firefox (v12) it worked , but in IE8 and Opera 9 series did not. I know about the bugs that are there , but I can not remove it, so not to break menu. I mention the code in the original version.

1) The end tag \ p delete this should not be there
2) The main problem I see is the repeat of id AB: <li id="AB"> and also the user of class . AB is useless because the class is not there. However that is the main problem: if I remove the id#AB so it is all broken, so you wont see the submenu in IE8 or Opera will not show the backround of the submenu
3 ) the reason why the ids AB were there is to distinguish between the fisrt 4 items in menu and the last item logout. The logout should not be highlighted when you hover over it.

 

I do not understand how the unpack of drop-down submenus works , so maybe that's why i do not know what to do, but it seems to me that the error after removing the # id selector is caused by a more detailed ( some rule that trumps )

for clarification about the dimensions of the elements here is a code with dimensions:
http://paste.ofcode.org/NQANEG25v3UXQgWBVu3TMn

because in jsfiddle http://jsfiddle.net/WhSzr/
it does not have the correct dimensions

I use two width there the first li items, they are narrow, 85px and the submenu ul is 108px wide.

 

I give a link to the picture in FF12 :
http://oi39.tinypic.com/502t21.jpg
http://oi43.tinypic.com/2qi8u47.jpg

 

Can you help to fix the problem? I need to remove the ids AB from li and fix it to work with IE8.

[BuildMyWeb]

im sorry but i dont know what youre asking.  or what the problem is