Topic: unorderd list / inline & IE (Page 1 of 1)

I have the following menu:

<div id="Menu">

	<ul>

	<h4><span>header1</span></h4>

	<li><a href="#">link 1</a></li>

	<li><a href="#">link 2</a></li>

	<li><a href="#">link 3</a></li>

	<li><a href="#">link 4</a></li>

	<li><a href="#">link 5</a></li>

	<li><a href="#">link 6</a></li>

	</ul>

	

	<ul>

	<h4><span>header 2</span></h4>

	<li><a href="#">link 1</a></li>

	<li><a href="#">link 2</a></li>

	<li><a href="#">link 3</a></li>

	</ul>

	

</div>

and using this CSS:

#Menu ul{

	list-style: none;

	margin: 0;

	padding: 0;

}



#Menu ul a{

	display: block;

	float: left;

	margin-left: 10px;

}



#Menu li{

	display: inline;

}

I can get it to display horizontal instead of vertical in Mozilla only. IE it just doesn't work. Any ideas?

Later,

C:\


~Binary is best~

[This message has been edited by CPrompt (edited 02-10-2004).]

ok... i got it with a little help from Emps. I just had to do this:

#Menu li{

	display: inline;

	list-style-type: none;

	padding-right: 20px;

	

}

all the other formating i took out and it worked fine.

Later,

C:\


~Binary is best~

You are saying that you're trying to get a horizontal display in IE? It is horizontal for me in IE 5, 5.5 and 6. The second heading (h4) is getting caught on the same line as the previous ul but you can fix that by adding clear:both; to your #Menu ul

Got a stray(?) span tag in your first h4 for some reason too.



edit: gah, you're quick I don't understand how you 2 fixed it if it wasn't broke? but good on ya!

[This message has been edited by JKMabry (edited 02-10-2004).]

so what I posted the first time worked in IE for you JK? That's strange.....it didn't for me.
eigh....at any rate, thanks

Later,

C:\


~Binary is best~