I tried the width="99%" and

lwolfe98 — Sat, 31 Jan 2009 19:07:53 +0000

I tried the width="99%" and also width="500" with no luck. Today I am seeing it on IE 6; don't think I saw this version before. My PC laptop is out of town and this one has an older version. On IE 6 my tabs spill over into the background. Not so pretty.

This forum is awesome!

lwolfe98 — Sat, 31 Jan 2009 18:25:35 +0000

This forum is awesome! Thanks so much for the help. I am going to try to change my table width for IE 7 and let you know...

I got roped into this volunteer job and inherited this website. And obviously, I am a novice at it. But it's fun and I am learning. And I too have a poodle. Who knew!?

I know what you mean about

lwolfe98 — Sat, 31 Jan 2009 18:21:40 +0000

I know what you mean about IE 5 for mac. When FF is out there, why use IE anyway? I don't. I primarily use a mac at home but have a PC laptop and use a PC at work. I am mainly concerned with the IE 7 on PC issue, but thought I might be able to solve the other as well. So thanks for the tip!

Hi lwolfe! Welcome to TWF!

decibel.places — Sat, 31 Jan 2009 17:00:20 +0000

Hi lwolfe!

Welcome to TWF!

I think you can safely ignore IE5 issues at this point, the user base is essentially nil http://www.w3schools.com/browsers/browsers_stats.asp

Sorry, I don't have a Mac

(but I do have two poodles! )

For the Mac IE 5, I think

cmoyer — Sat, 31 Jan 2009 16:57:13 +0000

For the Mac IE 5, I think this is caused by the links being wraped in a paragraph tag. Have you tried doing this as a list?

Honestly I don't know why you would be so worried about IE 5 at all, it is almost completely obsolete, firefox is available (version 2) for os X 10.2 and above. Firefox 3 for 10.4 and above.

For IE 7 doing that, you might have the total width at 100% if you are using a fluid design. I know IE has some issues with that. If the total is 99% it should work.

The basics of setting up a list menu would be like this.

HTML Code

<ul class="nav">
<p>Navigation</p>
<li><a href="http://your link here" title="hover text">Link</a></li>
<li><a href="http://link" title="Link">Link 2</a></li>
etc. etc.
</ul>

CSS code

.nav {
	list-style:none;
}
.nav p {
	border:1px solid #000;
	color:#000000;
}
.nav li a {
	color:#111111;
	text-decoration:none;
}
.nav li a:hover {
	color:#44aa22;
	text-decoration:underline;
}

Hope this helps,