I need someone to fix an easy CSS problem and I will reward them with $8. Look at the following two pictures: https://img.skitch.com/20111213-tn3iwx1j25xfn144wi6s5dtdku.jpg (site in Safari - looking good!) https://img.skitch.com/20111213-e3kjj3t32xam6qxqe2t46qghqd.jpg (site in IE8 - looking bad) As you can see, in IE8 it looks completely wrong. Why not have a look for yourself? Go to http://www.fcecourse.com/grammar-fce?m=11 and login as digital digital now click on unit one (01) then on exercise and you will see what im talking about. The first person to post the correct CSS here will get $8 USD via PayPal
#dreta{ position:relative; } Code (markup): p#textoInstructions{ position:absolute; left:50px; top:100px; } Code (markup):
<div style="margin:0 auto;position:relative;padding-left:30px;width: 900px; margin-left: 10px; text-align: center ! important;"> <div> <p style="margin:0 auto;position:relative;padding-left:30pxwidth:900px !important;font-size:14px;"></p> <p>A sentence with a gap will appear on the screen. You must select the correct answer from the options to complete the sentence. </p> <p class="alinearCentro"> <p class="alinearCentro"> </p> <p class="alinearCentro"> </p> <p></p> </div> </div> it works Regards Alex