In your style.css line 57, try changing
ul#front_menu {
float:left;
position:relative;
text-transform:uppercase;
top:-4px;
}
to
ul#front_menu {
float:left;
position:relative;
text-transform:uppercase;
top:-5px;
}
I changed this:
ul#front_menu{float:left;text-transform:uppercase;position:relative;top:-4px;}
to this:
ul#front_menu{float:left;text-transform:uppercase;position:relative;top:-5px;}
and it still looks wrong, any ideas?
Yeah, I just had a look at it in IE. It looks fine in FF, but IE… not so much. I personally think IE needs to die a slow, painful death 😉 Although it’s difficult to tell when I can’t make any changes to the CSS in IE, I will have another look
Okay, the position: relative does not need to be on the UL.
See if this works:
ul#front_menu {
float:left;
position:absolute;
text-transform:uppercase;
top:68px;
And add
position: relative;
to your #header div after the height on 38 of your stylesheet.
Actually, it looks like your original instructions fixed it!! Thank you so much.
Any idea why I can’t “click” my banner at the top to return home? It appears only have of it is clickable.
It is because of the header div height. You could add
#top {
height: 165px;
}
to your stylesheet and the whole image will be clickable, but it will also push your main content down by about 50px. Your theme wasn’t built with having a large header in mind.
If you need it to be clickable and conserve the styling, I recommend you consult a developer to change it for you.
PS the nav still looks buggered in IE7.
