Website Is Correct On Firefox But Not Ie

[werepea]

http://www.thinkmakeprint.com/FINAL/index.html

 

Above is the link to a website I am making for a friend. The current coding problem I am having has to due with the navigation above that lists the links "Home, About Us, F.A.Q., Location, and Contact Us."

 

When I view the site with Mozilla Firefox, the navigation is viewed correctly, but when I view the site with Internet Explorer, all I see "Frequently Asked" and the rest of the words are no where to be found.

 

I am using CSS/HTML to code the site and the <.ul> and <.li> tags for that part of the navigation. Any help?

[j2k4b]

The website looks great in Opera v8.02.7680. That was after I *drooled* and wanted cookies.

 

Great job... Keep up the good work.

[jhollin1138]

http://www.thinkmakeprint.com/FINAL/index.html

 

Above is the link to a website I am making for a friend. The current coding problem I am having has to due with the navigation above that lists the links "Home, About Us, F.A.Q., Location, and Contact Us."

 

When I view the site with Mozilla Firefox, the navigation is viewed correctly, but when I view the site with Internet Explorer, all I see "Frequently Asked" and the rest of the words are no where to be found.

 

I am using CSS/HTML to code the site and the <.ul> and <.li> tags for that part of the navigation. Any help?

<{POST_SNAPBACK}>

It appears the problem is that IE is "rendering" the "Frequently Asked Questions" tag into two lines, and only showing the top line which is "Frequently Asked". Either shorten the "Frequently Asked Questions" tag or remove the "width" in "topnav ul li" in the CSS section.

[werepea]

The website looks great in Opera v8.02.7680. That was after I *drooled* and wanted cookies.

 

Great job... Keep up the good work.

<{POST_SNAPBACK}>

 

 

Thank you very much, but I'm still looking for help for my Internet Explorer problem. The code seems to not work right with IE browsers but well with any other one.

[werepea]

It appears the problem is that IE is "rendering" the "Frequently Asked Questions" tag into two lines, and only showing the top line which is "Frequently Asked".  Either shorten the "Frequently Asked Questions" tag or remove the "width" in "topnav ul li" in the CSS section.

<{POST_SNAPBACK}>

 

 

Wow, stupid me to miss that. thank you

[TweezerMan]

What's happening is that the menu item 'Frequently Asked Questions' is being line wrapped, making the div it is contained in be two lines tall. The other menu items rest at the bottom of the div, and the menu with 'shop by', etc., is overlaying this now new second row of your menu, covering up all of the other menu options.

 

Playing around with your page in FrontPage, I was able to restore the menu to its proper appearance by replacing the spaces in 'Frequently Asked Questions' with non-breaking space characters:

><li>Frequently Asked Questions</li>

The menu options then all appeared, but they were *really* spaced out. I was able to correct this somewhat by reducing the width of the <li> elements from 107px to 75px:

>#topnav ul li {
   display: inline;
   height: 17px;
   padding: 0px 10px 0px 10px;
   text-align: center;
   width: 75px;
 }

Hope this helps...