2012-10-31_085619.png

how to layout the webpage according to the image?

the following is my html. but i feel the layout is not good? is there a better way to get that?

Code:
    <div class="test">
        <p>p<br />r<br />o<br />g<br /></p>
        <img  src="#" />
        <div class="link">
            <a href="#">one</a><a href="#">two</a><a href="#">test</a><br />
            <a href="#">three</a><a href="#">fourtest</a><br />
            <a href="#">example</a><a href="#"></a><a>more </a>
        </div>
    </div>
ps:the layout which locates on the right of the image is bad.if the test div are many.when under IE7 ,there are some misplacement in it. is there another way to layout it?