sitesupport — Wed, 22 Aug 2007 21:34:14 +0000

this is kinda off topic, but your homepage paragraph doesnt align properly in IE6, it's too big and shows up under the yellow space. Maybe you can use % to set the width of your layout.

Magenta — Wed, 22 Aug 2007 21:21:49 +0000

mscreashuns, I'm glad you posted the real cause of the problem as I looked at that line of code but didn't know it was wrong, so I learned something too.

ncriptide, while my solution wasn't technically wrong, mscreashun's is best. (as you can probably see. :blush: )

mscreashuns — Tue, 21 Aug 2007 20:36:39 +0000

Just so you know, the actual reason (although the solution Magenta provided works) that it was displaying horizontally was because of this declaration:

div#headNav ul, li {
	padding: 3px 15px;
	list-style: none;
	display: inline;
}

'
Because of the ',' you have used, all li elements are displayed inline. Instead, you could do

div#headNav ul, div#headNav li
...

'
to prevent the horizontal orientation.

ncriptide — Tue, 21 Aug 2007 17:51:04 +0000

THAT'S IT!

Thanks so much. Probably a beginner mistake, but it has taken me all day.

Thanks for your help - I owe you.

Magenta — Tue, 21 Aug 2007 15:59:14 +0000

As a newbie myself, I'm reluctant to answer other people's questions but I think I may have figured out the problem. It may have something to do with the default display for

. I added the following code to your css and the lists displayed properly, ie: a vertical column.

div#services ul li {
display: block;
}

div#physicians ul li {
display: block;
}

(Oooh, I hope I got this right. )