View unanswered posts | View active topics It is currently Sun Mar 24, 2019 3:27 am

Reply to topic  [ 1 post ] 
 Flying menu items! 
Author Message

Joined: Thu Sep 29, 2011 9:39 am
Posts: 1
Post Flying menu items!

Have used PIE to good effect on my company's website, here:, but have now run up against a problem.

I'm trying to do a new version of the menu, with solid backgrounds on the top options (as oppossed to the transparent backgrounds it has currently) and rounded corners for a tabbed effect. You can see it here:

However, when I hover over the options, the background to the tabs (but not the text) 'jump' to the right.

The first tab works correctly, the second jumps one tab's width, the third two tab's width and so on.

This only happens if I have PIE enabled in #menuElem a. If I take that out, the menu works fine, but doesn't have the lovely rounded corners.

All works fine in browsers that natively support rounded corners.

Any clue as to what I'm doing wrong? Any and all help much appreciated.

Best, Oli Jeffery.

Thu Sep 29, 2011 9:46 am
Display posts from previous:  Sort by  
Reply to topic   [ 1 post ] 

Who is online

Users browsing this forum: Majestic-12 [Bot] and 3 guests

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.