[djhektik]

hello

i have a problem positioning a link in a header: the following screens will illustrate what i mean:

what i want to achieve:



what i have so far:



so basically i want to align the link so its a little higher.

the site is designed using a combination of table layout and css - as its a closed-access service delivery portal, compatibility is critical

heres the page markup:

<tr>
<td valign="top">
<div class="header">
	<H1>SADAD Portal</H1>
	<img src='...sadad_logo.png' />
	<a href="/wps/myportal/..">العربية</a>
</div>
</td>
</tr>

here's the css:

div.header {
	height: 100px;
	background: url(...header_bg.gif);
}
div.header h1 {
	display: none;
}
div.header img {
	float: right;
	margin: 0;
}
div.header a {
	float: left;
	margin: 0 0 25px;
}