Here is the issue, in firefox, the css works beautifully.
In IE for some reason when the small icon is put inbetween the span class of check it starts migrating it's way over to the right with each successive instance. It starts like a stairway effect.
In Firefox it doesn't do that though. When I remove the float attribute from the check class IE stops compounding the distance.
Any clue how to get IE to stop this?
In the end it should look like this:
Expand|Select|Wrap|Line Numbers
- Title
- check item title
- check item title
- item title
- check item title
Expand|Select|Wrap|Line Numbers
- Title
- check item title
- check item title
- item title
- check item title
css
Expand|Select|Wrap|Line Numbers
- .course {
- text-align: left;
- padding: 0px 0px 0px 0px;
- margin: 0px;
- }
- p.course {
- padding: 0px 0px 0px 30px;
- line-height: 25px;
- margin: 0px;
- }
- .check {
- width: 25px;
- height: 25px;
- line-height: 25px;
- margin: 0px;
- padding: 0px;
- float: left;
- }
Expand|Select|Wrap|Line Numbers
- <p> </p>
- <h6>HUMAN RESOURCES<br />
- <img border="0" src="../_images/uns_gen_hrline.jpg" width="300" height="1" /></h6>
- <div class="course">
- <p class="course"><span class="check">
- <img src="../_images/uns_ico_checkmarkgreen.jpg" width="23" height="25" />
- </span><A href="/hr/uns_3110_cl.htm">Employee Health Benefits </A></p> <br />
- <p class="course"><span class="check">
- <img src="../_images/uns_ico_checkmarkgreen.jpg" width="23" height="25" />
- </span><A href="/hr/uns_3104_cl.htm">Hiring Procedures </A></p> <br />
- <p class="course"><span class="check">
- <img src="../_images/uns_ico_checkmarkgreen.jpg" width="23" height="25" />
- </span><A href="/hr/uns_3134_cl.htm">Safety - Hazardous Material Plan </A></p> <br />
- <p class="course"><span class="check">
- <img src="../_images/uns_ico_checkmarkgreen.jpg" width="23" height="25" />
- </span><A href="/hr/uns_3146_cl.htm">Safety - Ladders </A></p> <br />
- <p class="course"><span class="check">
- <img src="../_images/uns_ico_checkmarkgreen.jpg" width="23" height="25" />
- </span><A href="/hr/uns_3149_cl.htm">Safety - Lifting </A></p> <br />
- <p class="course"><span class="check">
- </span><A href="/hr/uns_3152_cl.htm">Sexual Harassment </A></p> <br />
- <p class="course"><span class="check">
- <img src="../_images/uns_ico_checkmarkgreen.jpg" width="23" height="25" />
- </span><A href="/hr/uns_3111_cl.htm">Short Term Disability Insurance </A></p> <br />
- </div>