Unordered lists in FF & IE

[monarch_684]

I have several <ul> in the site that I am currently working on. The whole nav system is <ul>. It displays like it should in both FF & IE. Now I am trying to do a <ul> in the content of the page and IE does one of two things:

1. Places the list inline, it should be block.
or
2. Pushes the list all the way to the right.

Here is the link if you want to see what it is doing:

http://www.jamiemcraney.cihost.com/checking_savings.php

Also if you could help me fix the white space on the right hand side I would appriciate it.
Also fill free to give me any comments about the site is you look at it.

[TJ111]

Try specifying styles for <ul> in the body. You only have it declared in the #nav section, and IE 6 might be trying to interpret it inherintly. Also it looks like your not closing all your <div>s, which would cause the same problem to happen, as the body of the page is existing inside part of the header.
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.jamiemcraney.cihost.com%2Fchecking_savings.php

[monarch_684]

Ok the div problem is solved but when I define the list style for that dive tage FF messes up. FF loses the style for some strange reason and IE still stays the same.

[TJ111]

have you tried something like

#body2 ul li {
float:none;
}

[monarch_684]

Thanks that worked. I am still trying to learn how to make CSS compatable with both FF and IE. One more thing that you might be able to help me with. There is some white space on the right that should be gray. Any suggestions?

[TJ111]

I'd have to guess it'd have something to do with all those crazy margin properties. Lots of those margins are unnecessary and could/should be replaced by float properties.

[monarch_684]

I never could get the float to work properly. I always been horrible with floats.

Besides shouldn't the wrapper take care of that

[TJ111]

It's much easier and much cleaner then specifying margins for everything. IE has several issues dealing with margins, especially when used in such abundance. I'd try floating everything I could (the tops links, the form, the navigation frame) and limit the margins to a bare minimum.