[KuJoe]

Hey everyone. This is my first post but won't be my last. I've posted this elsewhere but have very little luck finding a solution. It works fine in IE7 but not in Firefox or Chrome. host2x(.)com for reference.

Here's the template:

Code:

			<div class="menu">
			<ul>
<li><img src="/images/bullet.gif"><a href="">Home</a></li>
<li><img src="/images/bullet.gif"><a href="/about.php">About Us</a></li>
<li><img src="/images/bullet.gif"><img src="/images/free.png"><a href="/hosting.php">Web Hosting</a> </li>
<li><img src="/images/bullet.gif"><img src="/images/free.png"><a href="img2x(.)com/">Image Hosting</a> </li>
<li><img src="/images/bullet.gif"><img src="/images/free.png"><a href="talk2x(.)com">Forum Hosting</a> </li>
<li><img src="/images/bullet.gif"><a href="/forums/">Forums</a></li>
<li><img src="/images/bullet.gif"><a href="/contact.php">Support</a></li>
			</ul>
			</div>

Here's the CSS:

Code:

.menu ul {
	background: #000000 url(/images/hmenu_fill.gif);
	color: #000000;
	width: 100%;
	height: 26px;
	text-align: center;
	font-weight: bold;
}

.menu ul {
	list-style: none;
	margin: 0;
}

.menu li {
	display: inline;
}

.menu ul a:link {
	color: #bbbbbb;
	font-size: 13px;
}

.menu ul a:visited {
	color: #cccccc;
	font-family: arial;
	font-size: 13px;
	text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
	color: #ffffff;
	font-size: 13px;
}

Oh, and your admin is sitting next to me so make him proud with a quick solution.

[dgreenhouse]

I think you're suffering from FF's and other's default css.

Look into YUI reset (http://developer.yahoo.com/yui/reset/) for an exploration of x-browser css default(s) issues.

Add padding of 0 on: .menu ul. and see what happens

.menu ul {
list-style: none;
margin: 0;
padding: 0;
}

I noticed you're having an issue with a table down on the page a bit (issues' in all browsers).

It looks like the content's breaking the table out of its box. I assume you'll need to adjust the content.

I also noticed you have a selector of: float: center in your css. There is no float: center - only left, right, none and inherit.

That's just my quick look...

[KuJoe]

Wow, that's amazing! All I was missing was 1 line of code and an extra set of eyes did the trick! Thanks!

As for the content breaking a table, what do you mean? I'm not seeing it.

[dgreenhouse]

It was the ads table just below the table with an id of: table1 - on the home page.

It doesn't seem to be broken now - it could have been an anomaly.

I could have had my browser in a weird state, but since I had tried it in different browsers with the same result, I doubt that.

Anyway, it seems to be working now - maybe the other fix - fixed that also.

Finally, on the footer, the text: "Return to ^" looks like it might be an error.
Even though I understand what you're trying to convey, others might see it as typo - however unlikely for an astute geek.