Hi,
Generated source:
http://www.westernwebdesign.com.au/keynorthcontractors/images/logo.png',sizingMethod='crop');
BACKGROUND-IMAGE: none; POSITION: static; *HEIGHT: 816px*">
It looks like a JS bug. There's two easy things you could try.
1. Just put overflow: hidden; on the #pics div.
2. Add a line to your script:
$('#header').height(200);
Try it before your $('#pics').cycle() statement, and if that fails, try it
after.
At a guess, jQuery for whatever reason isn't aware that the height of the
element has changed (during DOM loading it would be 816px high). I only
briefly looked at jQuery's source, but it looks as if it sets a height on
any element that a DX filter gets applied to (in order to trigger hasLayout,
I presume). Setting the height from jQuery should solve the problem, though
I still recommend sticking overflow:hidden on the #pics div.
Let me know how it goes.
- James
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***