Hello Anime Network!
I found a couple issues with the “episode menu slider” on the “Watch Now” pages when viewing the site on a PS3.
The arrows to move the episode menu left and right do not work. I found the issue related to lines 18 and 28 in the following file: http://www.theanimenetwork.com/components/com_vods/js/vod.js The scrollWidth of the episode-menu div is calculated as 530 due to the width setting in template.css. The scrollWidth of its child div with class “slider” works perfectly because it is calculated server side.
The slider should only show 5 episodes due to the “overflow” and width settings. However, it continues to show additional episodes to the right of the slider and thus on top of the icon key area. This issue is related to the way the PS3 handles the relative positioning and can be corrected with some modified nesting. http://www.theanimenetwork.com/templates/tan_refresh/css/template.css Remove line 1049, which sets the li element to relative positioning. Add a div to enclose the “Watched” or “Star” div elements inside each li. Give these new container divs a class and set it to relative positioning.
With the above two fixes, the page displayed correctly on the PS3, FireFox 3.5 and IE8. Of course, I would recommend a little further testing before making the above changes, but so far, so good.