This page is showing different alignment in Internet Explorer to other browsers. Could you guide me in correcting it.
Please add a proper document type at the start of your document. IE is rendering document in Quirk Mode.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
In IE 10 your page is rendering correctly, IE 9, 8, 7 having issue. Apply above fix and it will solve the problem.
For your second problem refer to following
It may be IE transparency issue on style.css-(ul.accordion li .bgDescription). Refer http://css-tricks.com/css-transparency-settings-for-all-broswers/
and try to change transparency code or write seperate code for ie browser transparency. Hope it helps.