This is frustrating!

[Kyle Undefined]

Ok, so everyone at my office is stumped, and we don't know why this is happening.

 

Story:

We have a client website, and we incorporated the Blogengine.net blog for him. We built the site from scratch and made the blog match the design. The main site is completely cross browser, it displays correctly in all versions of Chrome, IE6/7/8/9 beta, Safari, Opera, FireFox/FireFox 4 Beta. Here's the link ww w.cmarketinggroup.com/default.aspx.

 

When you view the blog on IE, everything looks how it should, but the top navigation pieces. They have extra spacing between the items. The other browsers display the blog navigation pieces correctly. My first thought was that there must be some kind of styling that came with the blog that has some spacing for the <li> tags. I went through the CSS file, and all <ul> and <li> tags have either an id or a class tied with them, there are no high level styling for them. I then stripped out all of the CSS that came as default for the blog, thinking that something had to be causing it but it didn't fix it. Now the blog content has no styling but the header and footer are using the styling we added as it should. Here's the link for the blog ww w.cmarketinggroup.com/blog.

 

Any help would be greatly appreciated!

 

Thanks!

[newseed]

Missing a Doctype.

[Kyle Undefined]

Thanks for the reply.

 

I didn't even notice that. Unfortunately, that didn't fix the issue. Is there anything else?

[virtual]

Improper Doctype or something above the doctype which is putting IE into Quirks mode. In standards mode it works as it is supposed to in IE

[Kyle Undefined]

Ok, well now I feel like a complete idiot. I mistyped the Doctype when I tried before, so now it's fixed. It helps to have fresh eyes to see what you've missed. Now I just gotta make it work better in IE6, but that shouldn't be too hard.

 

Thanks for all the help!