Top navbar shifts template position in browsers

I've created a top navbar, with drop down menus for my page. When I click on some of the upper level navbar links and the color changes to show me that I'm on a given page, the entire Artisteer template shifts a few pixels on my screen in all browsers (safari, IE, firefox, etc.)

This is irritating, and looks unprofessional.

I think it might have something to do with the fact that individual upper level navbar items - "home", "about us", "contact us", etc. -- change the amount of padding after they've been clicked on.

And/or it could be that the upper navbar needs to be sized to an absolute size and/or put into an absolute, rather than relative position (sorry, I know enough about CSS to look at it, make some sense of some of it, but I'm no expert).

Any ideas on what I can/should do to stop my entire template from shifting after particular navbar items are clicked on?

A quick follow-up to the above. I just updated to Artisteer 2.2 and it would appear the issue I'm describing here has altered a bit.

Now, the template shift ONLY occurs when I move from clicking on navbar menu items with drop down items to navbar menu items with no drop down items -- and vice versa.

Also, I neglected to mention that with 2.0, the words/links on the navbar themselves were shifting when I clicked on them and landed on a given page associated with that upper level menu item. With 2.2, this is not occurring.

Anyway, looks like one solution is to have drop-down items for every single primary navbar menu item -- or not to have any drop-down menus.

Finally, on a different note-->

Beware!!! If you've made changes to template.css outside of Artisteer while using 2.0, the designations/names for many CSS items appear to have been changed for 2.2. (e.g., .Post-body is now .art post-body).

I'd suggest saving your template.css, editor.css files that you've changed while using 2.0 somewhere BEFORE updating to 2.2. And especially BEFORE uploading a template.css file created by 2.2. to overwrite your "old" template.css created in 2.0.

Guess no one's interested in menu shifting and template shifting -- as in the main sheet shifts a few pixels -- maybe 10 pixels -- on the browser's display page when you click from one menu item to another on the top navbar)

It's a minor, but irritating issue, and I continue to have it. I just noticed that someone else has it too -- they posted their URL to another thread, for another reason (rendering problems in different browsers).

Anyway, if you click around on this other person's site (my is not up and available yet), you get the same sheet-shifting/menu-shifting effect that I'm getting on my pages.

I have tried to find out the issue but it doesn't seems to be in CSS, may be in JavaScript. Not all of the Artisteer generated themes have this issue as my theme is working well (I am using latest Artisteer)

Wow I can't believe such a simple piece of code is missing in Artiteer. I just copied the code from the previous link into the style sheet and it works. No more shifting pages. I am using version 4 so the problem is still not fixed. Wasted a fair about of time trying to figure out what I did wrong. Get off your duff Artisteer and fix your app!