Why Does It Look This Way But Not In IE8?

So I made this webpage in IE6 using Dreamweaver, CSS programming, etc. I upgraded to IE8 and it looks different. Why is this? However, if I use the Compatibility tool for IE8 it looks like just how I programmed it. How can I change this? What do I need to do?

The problem is the navtool is with the header php file. So the navtool is suppose to be a yellow background with larger font. However as it appears in IE8 (without adjusting for compatibility) it is a regular font with no background.

Help! How can I change this?

http://img217.imageshack.us/i/whyisthis.png/

 

IE8 does not work like IE7 compatibility mode which doesn't work like IE7 which doesn't work like IE6 and, overall, all of them are the worst browsers on the planet. No one should use IE.

Without a link, or the complete markup, anything we say would just be a wild guess.

 

http://img217.imageshack.us/i/whyisthis.png/

here's a link of what it is

 

Its just a png screenshot, we need to have a look at your markup (CSS/XHTML), then we can help you.

 

Can you view a source from the webpage?

 

Of course.

 

mcserved.com

 

58 HTML errors
14 CSS errors.

Another piece of advice. Never, ever use any version of IE to create web pages. Always, always use a modern browser to initially test your markup. Then look to see how IE screws things up. But the quirks and bugs of IE are well known, as are the hacks to fix it.

 

Thanks for the advice, how does it look in firefox? It looks fine in safari. Also regarding the background color for the nav, what do you recommend?

 

I like the yellower background color you show on top of the last image you posted.

Firefox, Safari, Chrome and Opera all look the same as I would expect.

 

Right. The problem is it DOESN'T show up on IE and Safari. I am not sure what I did but it doesn't show up. However, if I click Compatibility View in IE8, I can see the yeller background. So something is wrong with my CSS.

I know the yellower background for the navi doesn't appear in IE8, Safari, not sure about the others. But it does show up in IE6

 

Hmm. Got side tracked and forgot to look at that. I don't immediately see it called for in the CSS. I'll look at it right now.

EDIT: Where is this background color coming from? I don't see it in the CSS. Is it inserted with javascript?

 

It is right at the top, line 42 - 50, I think its specifically line 46. This is for the background of the navbar.

Also, note that not only is the navbar background not yellow, the font is smaller. So I think it might be something with that whole line?

 

Look at the CSS errors I linked to above. You have a stray bracket just above topnav among everything else.

 

What is a stray bracket? I do have a straight a idle bracket above and next to the logo for a future ad placement. I am not sure how significent these errors are but I think alot dont really matter.

I just want to get the yellow background thing on the topnav working. I'm a bit new.

 

I have been playing with the code a bit but I can't get it to function correctly, I am not sure what is the cause, looking at the errors seems a bit trivial as they aren't all the topnav.

 

so after all that I dont get my question answered?

 

After all that, I took a nap.

By "stray bracket" I meant you have an extra curly brace around that area.

.clear_both {clear: both;}
38	.float_left {float: left;}
39	.float_right {float: right;}
40	}   <------------------------------------------------that one
41	
42	div.topnav {

Code (markup):

But all the other html and css errors could be causing this, too.

 

sorry, just struggling is all and getting a bit frustrated, but I guess its good learning right? I've been troubling shooting but cant find

 

Thanks
That solved the issue about the color!!

Now I just need to figure out the font!