help! teaser display problem

Hello,

There's something wrong with my teaser display at http://www.18wos.org/china-map-for-euro-truck-simulator
I want to display the title at the right side of the image, you see now, it's above of it.
how can i do it? thank you very much!

For now, I chose teaser list in Views to display. are there anything else I can use for display the teaser?
I want to show like this: http://www.18wos.org/files/111111.PNG

The view css as follows:

.view-content-chinamapforetspage{clear:both;padding:0 0 10px 0;margin:0 0 10px 0;border-bottom:1px solid #F3F3F3;}
.view-content-chinamapforetspage h2{margin:0 0 7px 0;padding:0 0 10px 0;border:0;}
.view-content-chinamapforetspage h2 a:hover{text-decoration:none;}
.view-content-chinamapforetspage h3{border-bottom:none;padding-bottom:0;}
.view-content-chinamapforetspage h3 a:hover{text-decoration:underline;}
.view-content-chinamapforetspage p{margin:0;padding:0;text-align:left;color:#595441;}
.view-content-chinamapforetspage p a{color:#595441;}
.view-content-chinamapforetspage a:hover{text-decoration:none;}
.view-content-chinamapforetspage a img{float:left;margin-right:7px;border:4px solid #E8EBE8;}
.view .view-content-chinamapforetspage,.panel-flexible 
.view-content-chinamapforetspage{float:left;}
.colb .view-content-chinamapforetspage{border-bottom:0px;padding-bottom:0px;}

Somebody told me that I should done it in node.tpl.php, could anybody give me a detailed method? Thank you very much.