can't align image in div tag 1

[sogc]

Please take a look at this page:

http://www.childrenschoirofburlington.ca/npis/ztest.cfm

in a Mozilla browser like FireFox.

On there I have an image of a question mark. I want it to be bottom aligned with the text "Edit Customer". But for some reason it is top aligned or there is some extra padding.

This is the code for the styles it is referencing:

div.centered
{
border:0px solid blue; 
width:800px; 
margin-left:auto; 
margin-right:auto;
text-align:left;
background-color:white;
}

div.centered4IE
{
text-align:center;
}

#menutitle3
{
background-color:#BEC3CD;
font-weight:bold;
border-top:1px solid black;
border-left:1px solid black;
border-bottom:1px solid black;
}

.menutitleall
{
position:absolute;
top:-50px;
left:0px;
z-index:11;
}

.menubodyall
{
position:absolute;
top:-30px;
left:0px;
border:0px solid yellow;
width:800px;
height:500px;
background-color:white;
z-index:10;
}

.menucolumn3
{
position:absolute;
top:50px;
left:533px;
border:1px solid orange;
width:263px;
padding-left:3px;
}

This is the HTML code on the page.

<link href="style_default.css" rel="stylesheet" type="text/css">
<![if !IE]>

<div class="centered4IE">
<div class="centered" style="position:relative;">
	<div class="menutitleall">
		<div class="menucolumn3" id="menutitle3">Maintenance</div>
	</div>
	<div class="menubodyall">
		<div class="menucolumn3">
		Edit Customer
		<a href="[URL unfurl="true"]http://www.ibm.com"[/URL] target="_blank"><img style="padding:0px;margin:0px;" src="images/helpbutton1.jpg" border="1px"></a>
		<br>
		</div>
	</div>
</div>
</div>
<![endif]>
<!--[if IE]>
<div style="color:white;">You are running IE. This test page was setup for FireFox or some other Mozilla based browser.</div>
<![endif]-->

Thanks for any help you can provide.

 

[Vragabond]

Use [tt]vertical-align[/tt] on your image. That's what it's there for. "bottom" would be a good value to try.

___________________________________________________________
[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]

 

[fdgsogc]

It's doesn't seem to work on a div tag. It does work in a table cell though. I need this to work in a div tag.

 

[Vragabond]

Alternatively, you could try it on image tag, like I mentioned. It also works with inline elements.

___________________________________________________________
[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]

 

[sogc]

Vragabond,

Thanks. Didn't read your original post close enough.

Works well.