I’m just gonna hold my tongue and not go off on some big rant about IE π‘ suffice to say that this whole cross-browser stuff makes me want to shoot myself. And it makes me sick that since IE has the market, they delibrately ignore and reject today’s standards.
Anyway, I’m happy that I’ve found this forum and any help will be rewarded with a great deal of appreciation, as it will most certainly save myslef a great deal of pain!
So…I’ve got a div inside a div, both given “float: left”, with an image in one and a <ul> in the other. IE, however, is not displaying the bullets. Here’s the html:
[QUOTE]
<div class=”calcontainer”><div class=”floatbox”><img src=”Images/tn_Calbeautchocfix.jpg” /></div> <p class=”bodyText style2″><br />
<br />
<br />
Think of us when trying to find a special gift for that hard to buy for person.<br />We invite you to come in and browse our wide selection.</p>
<ul class=”bodyText style2″>
<li>…</li>
</ul>
</div>
and here’s the CSS:
[QUOTE]
.calcontainer {
width: 855px;
clear: left;
border: 0px;
}
.calcontainer .floatbox {
margin-top: 60px;
float: left;
width: 355px;
}
.floatbox {
margin-left: 15px;
}
* html .calcontainer ul { /* IE 3px jog hack
height: 1%;
}
.calcontainer ul {
margin-top: 0;
margin-left: 400px;
}
* html .calcontainer p { /* IE 3px jog hack
height: 1%;
}
.calcontainer p {
margin-top: 0;
margin-left: 400px;
}
What am I doing wrong?
Thanks in advance
Pellar