Text/image alignment - fine in IE8, horrible in IE7: need coding help

I'm building a simple site using WordPress 2.8.4. I'm running a theme called 'WP Slider', which is fairly new and up to date. Images and text are not aligning correctly in IE7, but look just fine in IE8, Firefox, etc.

Please visit the following link to view the said issues:

www.amcreativestudio.com


Firefox's HTML validator produced the following code errors on the site:

line 18 column 43 - Error: document type does not allow element "span" here

line 126 column 53 - Error: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

line 320 column 38 - Error: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

line 373 column 58 - Error: there is no attribute "role"

Code (markup):

I'm a front-end designer, but want very badly to learn coding. Please be patient with us newbies! Any help with this rookie question would be awesome.

 

I think i was having the same issues adding this code or something like it might solve the problem that your website appears different in different browsers

 

Great, thanks! Let me try that out and see if it helps

 

That didn't work. the errors appear to mostly be with span and div tags.

Any suggested fixes?

 

I don't know but also try this:

I still think the solution remains the same by using some code like this.

 

Thanks again, I'll give it a try.

I just change the code in the header.php file, correct?

 

you need to put this code out of the html tags in the page that includes the other pages usually index.php.

 

I'm sorry but I'm not good with coding. Aside from header.php, there is no document type declaration in any of my php files (including index).

I'm using a WordPress theme that came with pre-built files that I'm not familiar with.