Sgt_Kickaxe - 1:15 pm on Apr 30, 2011 (gmt 0)

I'm creating a mobile version of a website and finding the images to be problematic. They all have a width="400" set and don't fit on mobile screens. In trying to find a way to show a different image size based on user agent it dawned on me that something like this might be easier, via css.

IMG {width:100%; max-width:400px;}

On the regular site they would remain unchanged but they would, and do, scale down to fit any mobile screen.

Is there anything I should be aware of with the above on a mobile screen? Are there any SEO implications or indexing issues related to using 100% width?