Div box problem

I am having problem with my div boxes. Looks good with IE but if my boxes have js in it, then looks really bad in firefox. The url is http://www.pembis.com/ if you check the right part of the website where there is poll and on right side there is adsense box, you can see what i am talking about. How can i make them look good as in IE please?

While it might be a lot of work on my end to provide a solution, I can only suggest that you temporarily forget about how it looks in Internet Explorer and actually take some time making it look right in Firefox.

Then you (with our assistance) tweak the code to bring it back to a nice appearance in Internet Explorer.

I know this is the opposite of what you've done, but believe me, it's likely to be easier, since Firefox does a near perfect job of rendering code, and Internet Explorer doesn't.

This is the box i use

Code: Select all

.box {
 width:18em; font-size:10px;
 border:3px #EFD0F9 dashed;  
 text-align:left;
    background-color : #F3F3F3;
 margin:0px 0px 10px 6px;
 padding:5px;
}

as a newbie can you help me to make a good box that would fit both browers?

Herk, I'm confused. I was working on a layout yesterday using pure css (no frames/tables) and it seemed to me that FF 1.5 was adding to box size when it got padding/margins, while IE6 was behaving correctly (as I understand the standards), i.e. taking such things from the box size instead of adding to it.

from W3D CSS2 specs

The standard wisdom in various articles is just the opposite. Herlp!