Navigation menu problem with Firefox and Chrome.
#1
Question 
I can't for the life of my figure out what's wrong. It works fine in IE7 but not in Firefox or Chrome. www.host2x.com for reference.

Here's the template:
			<div class="menu">
			<ul>
<li><img src="http://www.host2x.com/images/bullet.gif"><a href="http://www.host2x.com">Home</a></li>
<li><img src="http://www.host2x.com/images/bullet.gif"><a href="http://www.host2x.com/about.php">About Us</a></li>
<li><img src="http://www.host2x.com/images/bullet.gif"><img src="http://www.host2x.com/images/free.png"><a href="http://www.host2x.com/hosting.php">Web Hosting</a> </li>
<li><img src="http://www.host2x.com/images/bullet.gif"><img src="http://www.host2x.com/images/free.png"><a href="http://www.img2x.com/">Image Hosting</a> </li>
<li><img src="http://www.host2x.com/images/bullet.gif"><img src="http://www.host2x.com/images/free.png"><a href="http://www.talk2x.com">Forum Hosting</a> </li>
<li><img src="http://www.host2x.com/images/bullet.gif"><a href="http://www.host2x.com/forums/">Forums</a></li>
<li><img src="http://www.host2x.com/images/bullet.gif"><a href="http://www.host2x.com/contact.php">Support</a></li>
			</ul>
			</div>

Here's the CSS:
.menu ul {
	background: #000000 url(http://www.host2x.com/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;
}
-Joe
AFreeCloud - Free Cloud-Based Web Hosting!
Reply
#2
If you code something to work in IE, it's sure to be broken in everything else Toungue
MyReactions - All Plugins

Can you still feel the butterflies?

Free never tasted like pudding.
Reply
#3
Maybe everything else should follow IE's lead and interpret code properly. Wink
-Joe
AFreeCloud - Free Cloud-Based Web Hosting!
Reply
#4
Eh, you've got it all wrong, IE is completely outdated and is nothing but a bug engine.

Anyways, try adjusting your width percentage, sometimes different browsers can interpret it differently. Also, if you have any padding added to the page, you might want to check that.
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)