Solved

IE7 mis-placing menu bar and image

Posted on 2011-09-02
4
284 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

Technology Partners: 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

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
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…

687 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