Pure CSS Mega Menu

[DivaVocals]

Well I hate to come back and ask for help on this again, but I and stumped and I need some help resolving this once and for all.. I made the recommended changes to change my categories dropdown into a two column display. This works fine.. The categories are displayed in two columns..

However, when you hover over the column on the left, the column on the right "jumps" over to the left. I've run out of ideas to fix this.. Hoping that someone in the comunnity can help me sort out what it is I am missing to fix this once and for all.. (PRETTY PLEASE)

You can see what I mean here: http://clientlaserdiscvault(dot)overthehillweb(dot)com/ Hover over the "Our Products" link to see the two column category display.. Now hover over the categories in the left column and see how the categories in the right column "jump" to the left..

You're losing 35px of right-margin on the hover. At line 80, you've got

.mega-menu .level2 li {
    margin-right: 35px;
}

and the styling on line 75 sets the margin to 0 on hover. Just set margin: 0 35px 0 0;

Lat9!!! My hero!!! THANK YOU SOOOOO MUCH!!!!! I have been staring at this so long that it looks like I missed the obvious.. Though I didn't know what the answer was, my gut told me it was in my stylesheet and not in the categories_ul_generator.php (as it had been suggested me was the key to the solution).. So glad I decided to try one more time to ask for help..

Okay so I have one more teensy thing to work out here..

The manufacturers links are shifting/re-ordering themselves when you hover over the links. See http://laserdiscvault(dot)com. The manufacturers menu is the one called "Collections". It's driving me crazy to make this behavior stop..