Solved

IE7 mis-placing menu bar and image

Posted on 2011-09-02
4
283 Views
Last Modified: 2012-05-12
This page works in all the browsers, however, in IE8 when I switch to the compatibliity view that shows what it looks like in IE7 the dropdown menu and the Lincoln image move down.  How can I stop it from doing this?

http://insurance.illinois.gov/newdefault/newdefaultflat.asp
0
Comment
Question by:smitty62
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
4 Comments
 
LVL 30

Expert Comment

by:LZ1
ID: 36476364
Before you do anything more, I would definitely implement a reset CSS file. This will help level the playing field and could possibly fix your problems with IE 7.

http://meyerweb.com/eric/tools/css/reset/
0
 
LVL 18

Accepted Solution

by:
Eternal_Student earned 500 total points
ID: 36477604
LZ1 is correct.

A quick fix would be this:

.TopNavLine {width:auto;}
0
 

Author Comment

by:smitty62
ID: 36488567
Thanks guys!
0
 

Author Closing Comment

by:smitty62
ID: 36488569
Thanks
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Creating a CSS block that only applies to printing By default, all of your CSS applies to every possible view of your page - whether on screen, printed, landscape, touch-screen, or whatever.  You can, however, add CSS that only applies under certai…
As a result of several questions about how to use Bootstrap I thought it would be a good idea to write down the development aspect of creating a Bootstrapped website in as little time as possible. Part 1 of this article will only concentrate on g…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

737 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question