Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

IE7 mis-placing menu bar and image

Posted on 2011-09-02
4
Medium Priority
?
287 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 2000 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

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
Suggested Courses

610 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