S@m

If you are having this much trouble getting both browsers to work, I would suggest starting over and use the method I posted.It will take about 5 min. to set up and all your problems will be solved. Don't make it harder than it needs to be.

I'm probably way late and a beer behind, so I apologize if my input is useless.This works like a champ for centering layout:http://www.simplebits.com/notebook/2004/09/08/centering.html

Find out what the id for the buttons are and look for something in the style sheets with the same name. That's a good place to start...

Found this:http://w3schools.invisionzone.com/index.php?showtopic=10819Maybe it will help...

put a position:relative; on your floats. IE has a peek-a-boo bug (I mean feature) that is pretty sweet.

http://www.sitepoint.com/forums/showpost.p...amp;postcount=8

One thing that ste forgot to mention when you get everything working.Put this at the top of your page: <h1>IE is a pile of junk</h1> Ok, ok, I'm kidding.

http://alistapart.com/articles/taminglists/

Read this thread, it should help you.http://w3schools.invisionzone.com/index.ph...ditional+commet

Use this.http://www.websiteoptimization.com/speed/tweak/forms/

You could use javascript...getAttribute();setAttribute();

Hmmmm.Unless there is a reason you want to do otherwise, I would do this:HTML: <div id="nav"><ul><li><a href="about.html">about</a></li><li><a href="space520.html">space520</a></li></ul></div> CSS: #nav ul {float:right;position:relative;list-style-type:none;}#nav ul li {display:inline;padding-left:20px;background-color:#000;} That way, your list will display inline, and float to the right like you have. Play around with those settings and you should find the result you are looking for.

Are you working in/with Java?Either way, an anchor tag is an anchor tag.We have similar code, and I use the syntax that jlhaslip has suggested without problems.Just put that code at the top of your css file. That way its a global setting. It should work...*edit*Sorry, jesh asked the same things I did. Sorry for the repeat.

This is what I use, and IMO, it's all you need. <link rel="stylesheet" type="text/css" media="screen, projection" href="style.css" /><!--[if lte IE 6]><link rel="stylesheet" type="text/css" media="screen, projection" href="style_IE.css" /><![endif]--><!--[if IE 7]><link rel="stylesheet" type="text/css" media="screen, projection" href="style_IE7.css" /><![endif]-->

Check out this thread on conditional commenting:http://w3schools.invisionzone.com/index.php?showtopic=10662You can try on your style sheet for IE: position:relative;z-index:2; If there is floats in there, IE may not pick that up. You may have to float other things in order for the text to wrap correctly. Just a guess, but do a search on overflow as well.