Internet Explorer And CSS problems?

I hope this is a right forum for my problem...

I used javascript and DOM to create dynamically nested
<form>/<div>/<input> etc inside a wrapper "DIV". Then I used CSS to
style the elements to achieve the look that I want. I developed this
under Firefox, and it works perfectly.

Then I was asked to make it work under IE. Overall, it looks OK as is
but some elements are mis-aligned. So I decided to tweak CSS to line
them up in IE. That's where my problem started.

I liberally used ID's and class ID's to address the elements inside the
wrapper DIV. When I tried to address an <div> element which I have a
class ID of "twos", IE seems to ignore it. Eg.

form#events div.twos

If I used this format: form#events div, IE can see and style it.

My question: What I really want is to use this selector: twos


I can't find any explanation to this IE problem on the new or books. Do
you have any experience with this problem? Any hack to bypass this?

Thank you.