CSS Issue? *UpDated*

This is for my Ozzu design, I have managed to iron out alot of the bugs the design had, but I am stuck on one thing. I doesn't seem that IE6 is rendering my padding right in one part.

This is the code



And these are the results -

IE6 -

Opera -

FF-

Can someone please tell me why IE isn't rendering this and how I fix it.

Cheers!

Should the first selector be "div#forumIcons ul"?

I think in lists, FF and OP add default margining to the left of the LI. You might try zeroing that out. Then you should be able to work out the spacing for all the browsers equally.

Sorry if I'm wrong. Just a quick guess. I'm on my way out the door for the evening.

That didn't work. I've just about given up on it, Things that I fix for IE, screw things up in FF.. Opera is the only one who makes sense of the CSS properly lol.. Grrr

What if you combine your first & last posted rules, & change the display to block ?

Thats the least of my problems with the design at the moment. But thanks Joe I will try that later on.

The other problem I am having is this (sorry guys but I really want to enter this design)

IN IE both 6 & 7 the left float, floats over the header, so I have used this code




To fix it, which works, BUT In FF, it kills all of my links in the top menu and side menu. It also brings the footer up from the bottom about 286px. I've been playing with values for a few days and nothing seems to fix the problem..

I have also googled about 150 times to find a fix, and can't find anything solid.

Any ideas?

I think the problem might be that you're using the 'top' command with relative positioning, and it only works with absolute positioning.. maybe IE is correcting it somehow, but FF is taking it literally.

Maybe it would work if you changed to Just an idea and I'm not sure if that would work, but might be worth trying...

It doesn't render in IE I have already tried.

Anyone?

If your page is fixed width and not scalable this should be solvable by CSS, if it is a Scalable page perhaps a java script to distinguish what definitions to use?

I could be way off base, but just a thought.

Considering this is for a competition here at Ozzu you cannot use javascript. It is strictly a CSS type competition to restyle the look of the forum.

But in response to what you said, whether or not the page is a fixed width or variable width you can use CSS to solve most problems.

Okay ... bad suggestion. I am still learning CSS and didn't know the competition was only CSS, nothing else for design. (I never read the rules ... before I offered my help.)

I just wanted to help

I can't wait until I get good enough to actually have a chance in the design contests But gotta learn alot more first.