View Full Version : menu is positioned differently in IE, FF

12-23-2006, 06:00 PM
http://img395.imageshack.us/img395/9735/menuproblemszt6.jpg (http://imageshack.us)

on the screenshot above you can all see what my problem exactely is. I have a <div> with some list items in it, to create a menu.

As you can see on the far right, in firefox 1.5 and 2.0 , all is fine.
In IE7, seems like the green bar (you can view this on www.uzegt.be) seems to be ignored.
In IE6, the menu is positioned even on another place (center of screenshot)

Does anyone have an idea what can be done to solve this issue? and have the menu positioned as it is in firefox (far right in screenshot = good)

my CSS is www.uzegt.be/themes/uzegt/style.css

the CSS of the menu is:

#menu ul { padding: 0px; margin:0px; list-style-type:none}

#nav { position: relative; margin:0 0 10px 0;background:#18CF7D; background: url(http://www.uzegt.be/themes/uzegt/images/menu/nav_back.jpg) repeat-y;}
#nav ul { margin:0;color:#00A390;padding:5;list-style-type:none;border:1px solid #fff;}
#nav li { margin:0;color:#000; padding:0; border:1px; solid #ffffff; font:bold 18px Arial, sans-serif}

#nav a { color:#fff;display:block;padding:4px 0px;text-decoration:none;font:bold 18px Arial, sans-serif;background: url(http://www.uzegt.be/themes/uzegt/images/menu/nav_arrow.gif) no-repeat right center;text-transform:lowercase;width:97%}
/* Hide next rule from IE5 on Mac \*/
#nav a { float:none}
/* End of IE5 for Mac hack */
#nav a:hover { color:#008647;display:block;background:#BDC1C0;background: url(http://www.uzegt.be/themes/uzegt/images/list_image.gif) no-repeat right center}

the HTML is:

<div id="inner-wrap">
<div id="left">
<div id="menu">

<ul id="nav">
<li><a href="http://www.uzegt.be/categorie/ontspanning">&nbsp;Ontspanning</a></li>
<li><a href="http://www.uzegt.be/categorie/sport">&nbsp;Sport</a></li>
<li><a href="http://www.uzegt.be/categorie/politiek">&nbsp;Politiek</a></li>
<li><a href="http://www.uzegt.be/categorie/maatschappij">&nbsp;Maatschappij</a></li>
<li><a href="/dm/nl/geld">&nbsp;Doorgelicht</a></li>
<li><a href="/dm/main/showWeatherHome.page?pNodeId=135">&nbsp;In de Rand</a></li>
<li><a href="/dm/main/showFrame1.page?pUrl=http://www2.demorgen.be/film/tvgids.iframe/index.html&pFrameHeight=15000&pNodeId=53350">&nbsp;Buitenland</a></li>

12-25-2006, 09:00 PM
nobody that has any idea on what can be wrong here?