DIVs and ULs conflicting

I wasn't sure whether this is actually a "box model" question, but basically, I have a left-floated DIV with text riding next to it on the right. The text contains an unordered list--and the UL does not indent as it ordinarily should.

See the test page here... (http://tibug.com/learn/boxModel.htm)
CSS file here... (http://tibug.com/learn/tibDefault.css)

You can also see I have a couple of other questions regarding why some elements respect the floated DIV and others do not...

Any help appreciated,
lorie

p.s. View the test page with browser maximized; I am not yet ready to tackle a fluid layout; though if suggestions on that would help me understand my original question, fire away... thnx

try

li {
text-indent:20px;
}

see what that does

jcdev:

It sort of fixes it in IE (but text-indent works only for 1st line; in the UL with multiple lines, it turns it into a typewriter-style paragraph with 1st line indented...) In FF, it moves the text over but leaves the bullets behind 20px further to the left. The bullets disappear altogether in the multi-lined example.

So, I'll play around with text-indent, but I don't think that is quite the answer. Thanks for your quick response.

lorie

sorry try this

li {
text-indent:20px;
display:block;
}


see if that helps

Still no cigar, jcdev:

The bullets completely disappear in FF; the text does move right a little further, but in the multi-line example, it is still 1st line indented in both browsers...

thnx again

hmm, maybe im going about it all wrong, maybe instead of li, replace it with ul.. it can get confusing at some times!!

Well, the best answer seems to be to just wrap the whole section above the clear in another left-floating DIV. (Which is what I will do on my real page...)

I would like to understand why this happens, though, if anyone can explain it or suggest something other than another DIV...

Thnx, jcdev, for your quick responses and suggestions.

lorie

no problem good luck with it!!