[CSS]Oblewanie tekstem Opcje

[BuryZenek]

Witam!

Od jakiegoś czasu pracuję nad własnym serwisem, o ile z MySQL jakoś sobie poradziłem, to niestety wyłożyłem się na tak banalnej rzeczy jak css - mianowicie:


Jak widać "obrazek" dochodzi do pewnej niewidzialnej linii, a chciałbym przesunąć go w prawo do samego końca równo z linią tekstu. Zamieszczam kod css:

[HTML] pobierz, plaintext 
html,body{margin:0;padding:0; color: #ffffcc;}
body{font: times new roman; text-align:center; background-color:#000000; font-size: 12pt;}
p{margin:0 10px 10px}
div#header{background-color:#000000;}
div#header h1{height:80px;line-height:80px;margin:0;padding-left:10px;}
div#container{text-align:left}
div#content a{color: #999966; text-decoration:none;}
div#content a:hover{color: #ffffcc; text-decoration:underline;}
div#content p{line-height:1.4; margin-left:40px;}
div#content p img.topic{float: right;}
div#content p.post{width: 580px;}
div#content p.date{position: relative; bottom: 45px; right: 5px; float: right; font-size: 11pt;}
div#content table {margin-top: 10px;}
div#content table img{display: block; float: left;}
div#content strong{margin: 0px 0px 10px; font-size: 18pt; color: #999966; background-image: url(images/border3.jpg); background-repeat: no-repeat; background-position:left bottom; padding-left: 80px; padding-top: 5px; width: 540px; height:40px; display: block;}
div#navigation{background-color:#000000;}
div#navigation ul{margin: 0 0 40px; padding: 0px; list-style-type:none; background-image: url(images/bgmenu.jpg);}
div#navigation li{margin: 4px; padding: 0px;}
div#navigation li img{margin: 0px; padding: 0px; display: block;}
div#navigation li a
{
	display: block;
	width: 255px;
	height: 40px;
	color: #999966;
	text-shadow: 3px 3px 4px black;
	line-height: 40px;
	padding-left: 40px;
	font-family: times new roman;
	font-size: 16pt;
	text-decoration:none;
	}
div#navigation li a:hover{background-image: url(images/hover.jpg); padding-left: 65px; width: 240px; margin-left: -23px; color: #ffffcc;}
div#navigation li a:active{background-image: url(images/active.jpg); padding-left: 65px; width: 240px; margin-left: -23px; color: #ffffcc;}
div#extra{background:#000000;}
div#footer{background:#000000;}
div#footer a{color: #999966; text-decoration: underline;}
div#footer a:hover{color: #ffffcc;; text-decoration: none;}
div#footer p{margin:10px; color: #9d9c59; text-align: center;}
div#container{width:950px;margin:0 auto}
div#content{float:right;width:660px;}
div#navigation{float:left;width:260px; margin: 0px; padding:0px;}
div#extra{clear:both;width:100%}
[HTML] pobierz, plaintext 

oraz php:

[PHP] pobierz, plaintext 
   echo('<strong><img src="images/kwadrat.jpg" />&nbsp;&nbsp;'.$row['tytul'].'</strong>') ;
   echo('<p class="date">'.date("d-m-Y, H:i",$row['data_dodania']).'</p>');
   echo('<p class="post"><img src="images/screen/ramka.jpg" class="topic">'.$row['tresc'].'</p>');
[PHP] pobierz, plaintext 

Tabela niestety odpada w tym przypadku bo zależy mi na oblewaniu także od dołu :/
Pozdrawiam!

[mortus]

[CSS] pobierz, plaintext 
.post img {float: right;}
[CSS] pobierz, plaintext 

Dodatkowo możesz nadać jakiś margines, żeby stworzyć choćby minimalny odstęp.

[BuryZenek]

Już to zrobiłem tylko na około:

[HTML] pobierz, plaintext 
div#content p img.topic{float: right;}
[HTML] pobierz, plaintext 

no ewidentnie dziwna sprawa nigdy mi się coś takiego nie przytrafiło;/

Dzięki za błyskawiczną odpowiedź