I currently run a small traveling blog over at the Paella Factory, and I am having a small issue with my damn menu. At the top of the page, I made a few little buildings with a gif. Then I put in the menu tabs, which are supposed to blend in with the buildings. The issue is I need the pictures tab, the last and final tab, to just sit about 8px off from the first building of the gif.
Here's where the problem comes in. On PCs and Macs the fonts are different, and so, the tabs take up different amounts of space. If I tried to align the tabs with the buildings by using a absolute positioning and a left offset, but if I do the menu would end in two different locations on the two different platforms. NO GOOD. So, I thought, why wouldnt I just tell the menu where to END, and then I would make sure that the spacing between the last tab and the gif was always the same. The problem is, for some reason I can't get the tab menu to be positioned using the RIGHT: property. LEFT: works fine, but RIGHT: doesnt.
So, the question in a nutshell boils down to this. How do I align the navigation menu using not the first tab, but the last tab. How can right align, not left align it?