Solved

IE7 mis-placing menu bar and image

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

How to improve team productivity

Quip adds documents, spreadsheets, and tasklists to your Slack experience
- Elevate ideas to Quip docs
- Share Quip docs in Slack
- Get notified of changes to your docs
- Available on iOS/Android/Desktop/Web
- Online/Offline

Join & Write a Comment

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
In this tutorial viewers will learn how to style different bullet points for unordered lists in CSS. Begin with a normal unordered list; the default bullet point is a solid circle: In the CSS, create a defined class of unordered list by typing "ul.S…

707 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

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now