[IE is mucking up my Navigation Bar]

Thanks Andrea,

 

You have been a great help, once I've finished my lunch break I'll get on to the testing.

 

Thanks again

[IE is mucking up my Navigation Bar]

Hi Andrea,

 

Here is my html and my css sheet, thanks for the suggestion so far I will see if it makes any difference. Otherwise I await your analysis!

Template.html

main.css

[IE is mucking up my Navigation Bar]

Hello,

 

I'm new to web design and have an opportunity to create a website for my company, things started off well but internet explorer is mucking things up for me, I'm hopeful that someone can point me in the right direction.

 

I think it would be easier if I just post a screenshot and the accompanying code and someone might see the obvious that is avoiding me.

 

This is how all the other browsers look:

 

 

This is what IE does:

 

 

And this is my CSS code:

 

#header #logo {

width: 346px;

height: 110px;

float:left;

}

 

#header #navbar {

width:560px; /*Sets the overall width of the navbar*/

float:right;

padding-top:71px;

}

 

#header #navbar #holder {

height:42px; /*Sets the height of the navbar*/

width: 560px; /*Sets width of holder div*/

}

 

#header #navbar #holder ul {

list-style:none; /*By setting to none gets rid of the bullet points*/

margin:0; /*Makes the horizontal menu flush with the side of the holder div*/

padding:0; /*Makes the horizontal menu flush with the side of the holder div*/

}

 

#header #navbar #holder ul li a {

text-decoration:none;

float:left;

margin-right:5px; /*Creates space between the links*/

line-height:11px;

font-family:Verdana, Geneva, sans-serif; /*Sets the font to be used*/

color:#000; /*Colour of the font*/

border:1px solid #000; /*Sets a border around each list item*/

border-bottom:none; /*Removes the bottom portion of the border*/

padding:15px; /*Inflates the tabs all around the links*/

width:75px; /*Sets standard width of link to 75 pixels*/

text-align:center; /*Link alignement to centre of tab*/

display:block; /*Allows rollover link to cover the hold tab not just the text*/

background:#069; /*Sets background colour of the tab*/

}

 

Thanks in advance!