IE bug (margin/padding inside floating menu bar) END of my ROPE 2

[languishing]

Hello:
I've spent way too much time on this one, and not much hair left after pulling it all out.

Page is live (

http://www.arcolaenergy.com).

Trying to do a very simple menu bar, floating on the left of the main content div. Menu items are where I want them in Firefox/Opera/Safari, but IE pulls them to the right and almost off my column background.

Something to do with the IE double-margin float bug? Tried the "display:inline" trick, the wrap-it-in-another-div trick, and played with margins/paddings but nothing's worked. Appealing to those more gifted than me to throw me a few tips?

Thanks very much!

 

[traingamer]

Add this to your BODY tag in your CSS for IE (at least for IE6 which is all I have at work):

[blue]*,[/blue] BODY {

Greg
People demand freedom of speech as a compensation for the freedom of thought which they seldom use. Kierkegaard

 

[Vragabond]

Add margin: 0 to your ul.

style.css (line 27)
#nav ul {
font-size: larger;
list-style-type: none;
padding-left: 10px;
text-align: left;
[b][blue]margin: 0;[/blue][/b]
}

It has to do with different method of IE and FF applying the indent of the lists. FF uses padding and IE uses margin.

___________________________________________________________
[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]

 

[traingamer]

A much better answer than mine.

Margins are not inherited - that was likely the source of your confusion.

Greg
People demand freedom of speech as a compensation for the freedom of thought which they seldom use. Kierkegaard

 

[languishing]

Lesson learned: ask the experts instead of spending an entire day troubleshooting a stupid bit of code. Thanks so much - that's awesome. I haven't the words.

 

[ethorn10]

I bet you have the stars though...