strange ul behavior with FF / IE

[nicoladf]

Hi, I'm working on a site and I had to keep the old graphics while moving it to Joomla! This implicated for me to create the template and so I tried to use the CSS (I say I tried because Joomla! puts it's own problems other those created by FF, IE and CSS interpretation).
Coming to the problem I can't have the top menu to show up correctly both in FF and IE. At the moment I worked so that it shows correctly with IE. You can see the page with the problem here: http://www.inventorymanagement.it/in...d=30&Itemid=27

what happens is that the whole list isn't alligned with the background bar.
Thanks.

Nik

[drhowarddrfine]

Sometimes using Xhtml tags with a transitional html doctype causes problems. Remove the slash from your closing tags
/> to >

[Dan Schulz]

Yup. <element /> (where element is a "tag" such as META or IMG for instance) in an HTML DOCTYPE is not valid. When using an HTML DOCTYPE, you should forego the closing forward slash for the self-closing elements. <element /> is only valid in XHTML.

Example (HTML):

<meta>

Example: (XHTML):

<meta />

[nicoladf]

I've tested a replacement of "/>" with ">" but the problem remains. Other suggestions? Do you think the CSS code is correct? By the way which document type do you find easier to manage.
Thanks.

Nik

I'm not in this mood at the moment but will really like to!

[nicoladf]

I made other testing but didn't solve it. I tried even to change the the document type to "strict". An interesting thing is that if I put a "<br>" at the top of the document (that's out the document type declaration) the problem disappears! But this is a workaround, I would like to find a real solution.

Nik

[Dan Schulz]

What you're doing is putting the browser into quirks mode, which is going to cause all sorts of problems.

Unfortunately I can't look at your code at the moment, but if you give me some time, I'll do so as soon as I can, ok?

[nicoladf]

Ok Dan, I wait for your reply and the others too.

[Dan Schulz]

Opera's not rendering it properly either. I'm going to run it thorugh the HTML and CSS validators, and see what can be done to fix it.

[Dan Schulz]

Ok, you have 10 HTML errors. You're using XHTML style tags for your self-closing elements. Remove those to get your HTML to validate, or switch to an XHTML DOCTYPE.

Your CSS is valid. I'm taking a deeper look at that now to see if there is a problem with the way it was written.

[Dan Schulz]

Table-based layout. Ugh. Ok, this is going to take a while (that and my new client just IM'd me with MORE work he wants done on his site).