I think I got it fixed for you. Try attached.

Thanks Eric. That appears to work on my computers. So I can understand and learn from what you did, what you did, it looks like all you added was " li {float:right; } ". Why did it work or what was wrong that your added code fixed? I see that the li items are floated to the right of each other so I guess just changing the text will bring them back to the same original order ( Home, Artist, Work, ...). What is the best way to left justify the menu/navigation bar? Was this just my coding error or something that is wrong with the software ( since Inger felt it needed to be reported to the developers?

Thanks again and I hope I'm not asking too many questions.
pk

You can change the float right css to float left. I was just trying something and forgot to change it.
I added the <ul></ul> to make it validate which also fixed the issue with the preview in the editor.

Hi, I got some minutes...

In order to get the sequence of the menu items the right way around, you can either add them in in reverse oreder, or you can float the li left. And if you want the whole menu pushed over to the right, you set a margin on the ul, as I have done in the attached file. If you want the menu centered, you set the margin to auto.

I also noticed that the div topnavbox was collapsed, and I think you wanted it to enclose the menu items and the wee images. You achieve that by giving the topnavbox a height with enough room for the menu items, as you'll se that I've done.

All the borders you see in the html file serve as an aide so that you can see where you are on the page and what you are doing. When done, you can remove them, but I left them in now so that you can see it.

Hope it helps.

Eric, I probably worked with the file before your latest corrections, so we may have done more or less the same thing. But now my time is up...

I edited the post above as I swear I wasn't using the float property to get to display correctly. I was having some issues with the editor and it wasn't seeing my changes for some reason and I didn't know it. Thanks for posting Inger.

Thank you again Inger and Eric for taking the time to look at my page and explaining what I did wrong... and how to fix it.

One question I have is why did you put the ' ul ' for each individual ' li ' and not just have the 'ul' enclose all the ' li ' items?

The other question I have is why did you float the menu items? I do understand what and why floating the items did, but doesn't 'display:inline-block ' do the same thing?

Thanks
pk

Because you have so line breaks in there forcing the text below each image. I tried the block party but it didn't work at all but I figured it was those hard turns causing the issue. It's not the normal menu setup that I typically see so I had to try a couple of things to get it to display correctly and validate.

The way I see it is you made a set of unordered lists with only one list item in each ul and then floated each ul individually. All this because of the line breaks!! You guys don't have a bag of tricks, you have entire shed full!! If all else failed I was going to try to use a table!?

Thanks again
pk