Image resize not consistent in Ajax Scroller

Hi, we have a couple of the AjaxScroller modules on our homepage but are finding that while some of the images displayed are being resized, some are not.

The scroller points to a category if that's important.

Does anyone have any solution to this or know why it happens? Thanks.

They should all be resized to max width that you have in parameters. The height is held in proportions.

I know, that's why I'm confused. 

I have added one to show you what I mean on www.medicalhub.com.au called 'Test Scroller'.

We have manually reformatted the images for the first two modules, but the bottom one is fed from a category with our standard formatting - which is what we'd like to do with the other two modules as well.

Also, the title and read more must be in white text so aren't visible. Is there a way to override this in the CSS? If so, what code should I add?

Your help would be greatly appreciated! Thanks.

I forgot to say that there are 10 items in each scoller with 5 supposed to display at a time.

Max image size is set to 30.

As you will see on the test scrollers, some images resize and most do not.

On the images that don't resize you have style width in image tag that overrides "width" HTML parameter:It's probably your WYSIWYG editor that puts that code. You need to remove it from your images and they will be resized fine.

Your template CSS is coloring your links in white. You can override it by adding color to style.css:
Also, I suggest you use individual style sheet for each module and not only general one (style.css). See documentation , styling part.

Thanks for that. Worked beautifully!  ;D