Link to line up under the h2

Question

Hi, this image is a screenshot of a box that is doing my head in.  Unfortunately site not live, which I know makes it harder for you to help me.  But I will endeavour to be succinct.
The box is a div ..
#box1 {
    background-color:yellow;
    height:200px;
    padding:0 1em 0 0;}
The h2 tag has the following class assigned to it ..
.floatRighth2{
    float:right;
    width:240px;
    margin:0;
    padding:0;}
I am trying to get the link underneath (red) to sit underneath the h2 tag.
#linksContent #box1 p a{
    float:right;
    margin:0;
    padding:0;
    color:red;}
I have tried clears every which way but it wont budge. This is the html ..
<div id="box1">
<a href="http://aicwa.squarespace.com"><img src="images/links/Aust-Inst-of-Conveyancing.jpg" width="144" height="134" alt="Australian Institute of Conveyancing" /></a>
<h2 class="floatRighth2">Australian Institute of Conveyancers WA Division</h2>
<p><a href="http://aicwa.squarespace.com/">http://aicwa.squarespace.com/</a>    </p>
</div><!--END of box 1-->
Really appreciate your time, thanks!

Answer 1

OhDer wrote:
Hi Thought I had this all fixed but it appears not.  The first screenshot shows the page in firefox
the second screenshot is from Adobe Browser Lab using internet explorer 9
Why do the h2 tags look a completely different size and font
http://kimberleypropertysettlements.com.au/links.html
When using shorthand css you have to observe strict rules as to the order of the attributes: The font-family must always go at the end and the size must come directly before it:
h2 {  font: bold 2.4em "Palatino Linotype", "Book Antiqua", Palatino, serif; margin:0;  padding:0; }
You'll probably want to re-adjust the size now as 2.4ems is too big.
Remove float: right; from 'box1 p' thats why your link is not sitting flush left under the heading:
#box1 p {
width: 240px;
float: right; /* REMOVE THIS */
margin:0;
padding:0;
clear: right;}