Overall a site that I'm making looks fine in all browsers, except from in Microsoft Internet Explorer 7.0 (fine in a few buttons on the page show higher up than they should.

 

 

Like this:

 

 

 

When in other browsers it shows perfectly like this:

 

 

 

Any Help? Below is the necessary CSS code for the DIV that the buttons are situated in, thanks.

 

 

CSS:

 

#nav
{

clear:  both;

float:  right;

height:  25px;

margin-right:  10px;

margin-top:  15px;

text-align:  right;

}

If you really can't get all browsers to show the same way, code for Firefox in your main stylesheet, then add a conditional comment with different styles just for IE7 as described here:-

http://www.javascriptkit.com/howto/cc2.shtml

 

The conditional comment must be placed after your main stylesheet link in the head section of the html page.

 

<!--[if IE]>
<style type="text/css">
#nav li { margin-top: 2px; }   /*just an example, code whatever works in IE*/
</style>
<![endif]-->

 

Use <!--[if IE 7]> just for IE7 or <!--[if lt IE 8]> which means less than IE8, etc. (note space between IE and the number)

If you really can't get all browsers to show the same way, code for Firefox in your main stylesheet, then add a conditional comment with different styles

 

Cool, I just don't know what to change to make it look right though, any ideas?