I meant to say "I'll post on here if I find the solution" in my last post. That's what happens when you write posts after 4 hours sleep I guess
Anyway, I managed to fix the problem (swapped column locations (left to right and right to left)) but I created another. I added dir="rtl" to the index.php file and the brackets now face the right way which means the category links now work in firefox. Now, there is a new problem. The menu_bg file goes too far left in firefox and (stangely) looks okay in IE.
Also, in IE, the topmenu is all messed up but it looks fine in firefox.
// Edit: I've fixed the problem with the bursting menu_bg image by using the following modified code:
Code: Select all
a.mainlevel:link, a.mainlevel:visited {
display: block;
background: url(../images/menu_bg.png) no-repeat;
vertical-align: middle;
font-size: 16px;
font-weight: bold;
color: #2A2673;
text-align: right;
padding-top: 5px;
padding-right: 0px;
height: 20px !important;
height: 25px;
width: 90%;
text-decoration: none;
Changed padding-right from 18px to 0px and changed the width from 100% to 90%. Just the top menu problem in IE now.
Here are some screenshots:
Firefox:
IE:
Any suggestions?
Don't worry about the images. I'll fix them if I can get this problem fixed.