Got an issue here, bt I'm afraid I don't understand CSS enough to be able to correct it.
If you look at the following URL in Firefox:
then the left nav is well-padded, and there's a nice effect with the boxes.
However, in IE6, the effect doesn't occur - and the nav boxes look flat and lifeless.
The code I'm using is actually lifted direct from the vBulletin forum I run on the .net version of the domain
to try and help the forums and general chronicles-network design compliment better.
I know the effect works in IE with vBulletin, because you'll see it here on the form if you're not a member:
I'm not a CSS guru - I stumble and trip my way through learning more, and this is proving just a little too ambitious for me.
Also, for some reason I couldn't get the commands to work simply by adding the parameters to an external CSS file - I had to include the style commands in the HTML itself. This isn't a problem, as the site is built from php includes, and there's only a single nav bar file to edit on each domain. It would be nice to solve this, too.
But if you'd like to see what I'm using, this is the code:
<table style="background-color: #fcfcfc; color: #000000; padding: 1px; border: 1px outset;" cellpadding="1" cellspacing="1" border="0" width="100%" valign="top">
<td style="background-color: #eeeeee; color: #000000;">
Any suggestions on how to make the CSS effects work in IE6 as well as they do in Firefox is much appreciated.
Also - any suggestions on how to implement this via my external CSS file, rather than resorting to adding it to the HTML code, would be much appreciated.
effect in Firefox - then effect in IE8: