I've been using
gossymer's layout
Dual for a few weeks now, and have been trying to tweak the nav bar.
I found your tutorial on the CSS for Flexible Squares very helpful - I disliked how there was a blocky background on the links for the nav bar - it just looks wrong with my banner (and I may not be using the right terminology - the bar with the links for Entry | Calendar | Friends | Info). Following your guide (most helpful), I found the section of the CSS and deleted the URL for the background image. I thought this did the trick, because in IE, it looks like this:
IE Version
But when I get home, and am in LJ using Safari or Firefox, the backround image is still in place:
Safari/FireFox Version
Here is the code:
ul.navheader
{
border: 0px solid #000;
background-color: transparent!important;
}
.navheader li {
display: inline !important;
font-weight: bold;
color: #000 !important;
text-transform: uppercase;
border: 0px solid #ccc;
font-size: 8pt !important;
background-color: #dddddd;
padding: 10px !important;
margin-left: 3px !important;
margin-right: 3px !important;
border: 2px solid #bebebe;
border-bottom: 2px solid #bebebe;
background: (URL DELETED);
}
I would like for the Firefox/Safari versions to render like the IE version. Any help that could be provided will be most appreciated!