Menu and photo album are messed up

[Gregor]

Hello,

If I look at my site in IE7, the menu and album are messed up. In FF the albums are placed much lower because of the strecht out of the menu:

http://www.uisge-beatha.eu/index.php?page=fotoalbum

The code in the template:

Code: Select all

{literal}
<__script__ type="text/javascript" src="uploads/Javascripts/swfobject.js">
</__script>  

<__script__ type="text/JavaScript">
<!--
//pass min and max -measured against window width
function P7_MinMaxW(a,b){
	var nw="auto",w=document.documentElement.clientWidth;
	if(w>=b){nw=b+"px";}if(w<=a){nw=a+"px";}return nw;
}
//-->
</__script>
<!--[if lte IE 6]>
   <style type="text/css">
   #pagewrapper {width:expression(P7_MinMaxW(720,950));}
   #container {height: 1%;}
   </style>
   <__script__ type="text/javascript" src="uploads/javascript/dhtml.js"></__script>
<![endif]-->
<!--[if IE 7]>
<style type="text/css">
#primary-nav li {margin-bottom: -3px;}
#primary-nav li:hover {margin-bottom:-3px;} /* a HACK!!! for IE7 */
</style>
<![endif]-->

<!--[if lte IE 6]>
<__script__ type="text/javascript" src="modules/MenuManager/CSSMenu.js"></__script>
<![endif]-->

{/literal}
<!-- The min and max page width for Internet Explorer is set here. For other browsers it's in the stylesheet "Layout: Left sidebar + 1 column" -->

<!--[if IE]>
<__script__ type="text/javascript" src="modules/MenuManager/CSSMenu.js"></__script>
<![endif]-->
<!-- The above JavaScript is required for CSSMenu to work in IE -->

</head>

All Javascripts are in the right place.

Does anyone know how to solve it?

Thanks in advance,
gregor