Перенос блока

[xNiSSaNx]

Делал блоки для шапки сайта, и в результате должно получися следующее:
Первый блок содержащий лого и находится слева
Второй блок содержит ссылку и находится справа на однм уровне с первым

Внешне вот так
|LOGO . . . . . . link|

Но при маленьком экране правая ссылка не влезает, и получается за пределами экрана.

Вот код

<table style="width:100%;">
<tr>
<td style="display:inline-block;"><img id="logo" src="/logo.png"></td>

<td Nowrap align="right" style="display:inline-block;">

</td>
</tr>
</table>


Если со свойством display:inline-block; то переносит как нужно, но правый блок не размещается под правый край, или без display:inline-block; не переносит на новую строку если не влазит.

С float тоже ничего толкового не получается, так как переносит блок на новую строку, если и левый через флоат, то более менее, но правый блок не по центру, и вот момент, если margin-top поставлю, то перенесенный он будет отступать, хотя это не нужно