My page header code in MODx:
<base href="[(site_url)]" />
<title>[(site_name)] | [*pagetitle*]</title>
<!-- SLIDESHOW TOOLS -->
<script type="text/javascript" src="assets/templates/main/js/slideshow/jquery.js"></script>
<link rel="stylesheet" type="text/css" href="assets/templates/main/css/globals2.css" />
<link rel="stylesheet" type="text/css" href="assets/templates/main/css/tabs2.css" />
<!--[if IE] fix IE "black box" problems with PNG images when opacity is being animated>
<style type="text/css">
.images {
background:#efefef url(imgages/h300.png) repeat-x 0 -22px;
}
.im01,.im02,im03,.im04,.im05,.im06,.im07,.im08 {
background:transparent url(iepngfix.htc) repeat;
}
</style>
<![endif]-->
<!-- DOCK MENU TOOLS -->
<script type="text/javascript" src="assets/templates/main/js/dock/intf-fisheye.js"></script>
<script type="text/javascript" src="assets/templates/main/js/dock/intf-iutil.js"></script>
<!--[if lt IE 7]>
<style type="text/css">
.dock img { behavior: url(iepngfix.htc) }
</style>
<![endif]-->
<link href="assets/templates/main/css/dock.css" rel="stylesheet" type="text/css" />
<!--END bottom dock SRIPT FILES-->
</head>
I have the same installed outside MODx, locally using MAMP as well as on the server, everything works perfect. Though, bringing it into MODx, it would work in IE7, Chrome and Mozilla browsers, which is great, but in Safari and/or Opera ... the dock would not show/work ... That is a strange puzzle to me!
Anyone any idea?
here is a life link - you can try any browser you wish and you should have no problems viewing (except !E6)
http://wemseo.com/testserver/cb22/cb24/homeshow3.html