Aligning the right side of a CSS menu

I was wondering how you can align the right side of a number of divs without floating right, positioning it 0px from right etc.
As of now, the edges of the divs on the right side look like this:
aaa|
aa|
aaa|
It varies in different browsers. I've tried changing the sizes of everything to line them up, but even though everything has a fixed width, the edge still doesn't line up. In Firefox/IE6 it looks fine, very close to even but not quite. In IE7/5.5 it isn't quite as even. The website is http://kumon.fawziautorepair.com/
Thanks ahead for any help you can give me.

PS. I know it is possible with tables but I'm just wondering if there was another way before I change everything.

What divs are you referring to? The ones with the content in them? You need to validate your code first. You have 41 errors. See them here (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fkumon.fawziautorepair.com%2F). And NO DO NOT USE TABLES for page layout. I suggest you read the link in my sig titled "Why Tables for Layout is Stupid?".

I agree, tables are stupid, that's why I'm trying to figure out what to do before I do it.

why don't you want to float them right? surely this would be a perfectly logical solution?!

I don't want to float them right because the menu is using float:left, which just wouldn't work :-/