HTML - Putting Text Ontop Of Buttons

Hi

i need some help i cannot figure out how to enter text ontop of a picture using HTML script. if i do it in design view the centering of the page and the alignents get all messed up

how can i do this???? does anyone have any suggestions or html script examlpes to show me ????

im new at this and i wana learn how to use html script rather that making a website in design view it doesnt work!!!! erm im using Dreamweaver MX 2004 if this is important

Thank You

Pavzzz
_________

Dear all,

currently i m having trouble centralizing my buttons in a horizontal line with my text above it. I m hosting my things on blogspot and on a html preview, my html code seems correct for ''my buttons in a horizontal line with my text above it''. But with blogspot, my buttons are vertical instead. My website is www.buttonsupcloset.blogspot.com

Below is the sample of my image followed by the text and buttons.

<img src="http://s570.photobucket.com/albums/ss147/buttonsupcloset/101.jpg" />

<table width="800">

<tr><td>
<p style="text-align: center;">Sweet Bustier Top (White)
<center>
<a href="http://ww12.aitsafe.com/cf/add.cfm?userid=E7247990&product= Sweet+Bustier+Tube+(White)

&price=22&return=www.buttonsupcloset.blogspot.com">
<img src="http://s570.photobucket.com/albums/ss147/buttonsupcloset/addcart.gif" border="0" /></a>
<a href="http://ww12.aitsafe.com/cf/review.cfm?userid=E7247990&return=www.buttonsupcloset.blogspot.com">
<img src="http://s570.photobucket.com/albums/ss147/buttonsupcloset/preview.gif" border="0" /></a>
<a href="http://ww12.aitsafe.com/cf/review.cfm?userid=E7247990&return=www.buttonsupcloset.blogspot.com">
<img src="http://s570.photobucket.com/albums/ss147/buttonsupcloset/checkout.gif" border="0" /></a>
</center>
</td>

<td>
<p style="text-align: center;">Sweet Bustier Tube (Purple)
<center>
<a href="http://ww12.aitsafe.com/cf/add.cfm?userid=E7247990&product= Sweet+Bustier+Tube+(Purple)

&price=22&return=www.buttonsupcloset.blogspot.com">
<img src="http://s570.photobucket.com/albums/ss147/buttonsupcloset/addcart.gif" border="0" /></a>
<a href="http://ww12.aitsafe.com/cf/review.cfm?userid=E7247990&return=www.buttonsupcloset.blogspot.com">
<img src="http://s570.photobucket.com/albums/ss147/buttonsupcloset/preview.gif" border="0" /></a>
<a href="http://ww12.aitsafe.com/cf/review.cfm?userid=E7247990&return=www.buttonsupcloset.blogspot.com">
<img src="http://s570.photobucket.com/albums/ss147/buttonsupcloset/checkout.gif" border="0" /></a>
</center>
</td>

</table>

Hoping someone could help me solve this problem.

regards,
goddha

Hi all,

sorry I am pretty new with this so I hope I can explain what it is I am trying to do here.

I've recently been tasked with creating a 'note taking' html template at work, to assist with note taking for operators in a call center. I was selected due to nobody else having any understanding of how computers work beyond using microsoft office, go figure : /

Anyway. Basically what I am trying to do is be able to create a basic htlm template which has a text box, and some 'radio' buttons and check boxes which assign text when selected.

Example, we take down notes when clients call up and speak with someone. We would have say 2 check boxes to cover things like "Full name of client confirmed, confirmed clients details". If the phone operator clicked these 2 buttons, it would copy that exact text into the text box. If they clicked one, it would only copy that.

There would also be a 'radio' button, "Transferred client directly to desired party, transferred client to extension without employee contact" would be the options for example. Basically only 1 option can be selected, and that option would populate the text box if selected.

I'm also looking at hwo to create a button with a 'reset' feature to basically wipe everything clean so it can be started over once the operator takes another call.

So far I am able to create a form with the text box and buttons, but I don't know what code I need to look at to assign text to those buttons.

It's an easy idea, just need to get my foot in the door as I haven't really touched html since I was finishing high school year ago. Anyone able to assist, i would imagine it's not as difficult as I am makign it out to be

Hi, this seems simple to me but i cant do it! the buttons do work but when i combine them on the same text area they dont work! heres what i have put together so far,

Select all form:

<form name="select_all">
<textarea name="text_area" rows="2" cols="80">TEXT TEXT TEXT TEXT</a>
</textarea><br />
<input type="button" value="select all" onClick="javascript:this.form.text_area.focus();this.form.text_area.select();">
</form><br />

Copy Text area:

<textarea cols=85 rows=20 id='testText'>TEXT TEXT TEXT TEXT</textarea><br>
<button onclick='copyToClipboard(document.getElementById("testText").value);'>Copy To Clipboard</button>

Copy javascript:

<script type='text/javascript'>
function copyToClipboard(s)
{
if( window.clipboardData && clipboardData.setData )
{
clipboardData.setData("Text", s);
}
else
{
// You have to sign the code to enable this or allow the action in about:config by changing user_pref("signed.applets.codebase_principal_support", true);
netscape.security.PrivilegeManager.enablePrivilege('UniversalXPConnect');

var clip = Components.classes['@mozilla.org/widget/clipboard;[[[[1]]]]'].createInstance(Components.interfaces.nsIClipboard);
if (!clip) return;

// create a transferable
var trans = Components.classes['@mozilla.org/widget/transferable;[[[[1]]]]'].createInstance(Components.interfaces.nsITransferable);
if (!trans) return;

// specify the data we wish to handle. Plaintext in this case.
trans.addDataFlavor('text/unicode');

// To get the data from the transferable we need two new objects
var str = new Object();
var len = new Object();

var str = Components.classes["@mozilla.org/supports-string;[[[[1]]]]"].createInstance(Components.interfaces.nsISupportsString);

var copytext=meintext;

str.data=copytext;

trans.setTransferData("text/unicode",str,copytext.length*[[[[2]]]]);

var clipid=Components.interfaces.nsIClipboard;

if (!clip) return false;

clip.setData(trans,null,clipid.kGlobalClipboard);
}
}
</script>


Any sugestions?

This is my code and im trying to put <div id="background"> into a table so when the screen resolution is bigger or smaller it makes it fit like the rest of the page

URL: http://mylocalmenu.co.uk/test.html

HTML Code:

<html>
<head>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<meta name="description" content="Find your local takeaway menu's here"/>
		<meta name="keywords" content="my local menu, my local takeaway,local takeaway, local takeaways, Takeaway, Take away, takeaway, take away, food, kebab, donner, menu, Deal menu's, local menu's, local menu, local takeaway, deal, kent"/> 
		<meta name="author" content="Ashley Sargent"/> 
	<title>My Local Menu</title>
	<meta  charset="iso-8859-1" />
	<link href="css/style.css" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" href="advert.css" type="text/css" />
	
</head>
<body>	
<div id="background">
<div class="freeadvertspace">						
<script type="text/javascript"><!--
google_ad_client = "ca-pub-2350274685081572";
/* dclxvi add */
google_ad_slot = "6428215554";
google_ad_width = 160;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>							
		</div>				
		
 <ul class="navigation">
 <div class="navi">
 <div id="header-content">
 <div style="position: relative">
    <li><a href="index.html">Home</a></li>
    <li><a href="#">Locations A - H</a>
	 <ul> 
        <li><a href="#">Bedfordshire</a></li> 
        <li><a href="#">Berkshire</a></li> 
        <li><a href="#">Bristol</a></li> 
		<li><a href="#">Buckinghamshire</a></li> 
        <li><a href="#">Cambridgeshire</a></li> 
        <li><a href="#">Cheshire</a></li> 
		<li><a href="#">Cleveland</a></li> 
        <li><a href="#">Cornwall</a></li> 
        <li><a href="#">Cumbria</a></li> 
		<li><a href="#">Derbyshire</a></li> 
        <li><a href="#">Devon</a></li> 
        <li><a href="#">Dorset</a></li> 
		<li><a href="#">Durham</a></li> 
        <li><a href="#">East Ridings<br> Of Yorkshire</a></li> 
        <li><a href="#">Essex</a></li> 
		<li><a href="#">Gloucestershire</a></li> 
        <li><a href="#">Hampshire</a></li> 
        <li><a href="#">Herefordshire</a></li> 
		<li><a href="#">Hertfordshire</a></li> 
       
              </ul>
	<li><a href="#">Locations I - S</a> 
      <ul> 
        <li><a href="#">Isle Of Man</a></li> 
	    <li><a href="kent.html">Kent</a></li> 
        <li><a href="#">Lancashire</a></li> 
		<li><a href="#">Leicestershire</a></li> 
        <li><a href="#">Linconshire</a></li> 
		<li><a href="#">London</a></li> 
        <li><a href="#">Middlesex</a></li> 
        <li><a href="#">Norfolk</a></li> 
		<li><a href="#">North Yorkshire</a></li> 
        <li><a href="#">Northamptonshire</a></li> 
		<li><a href="#">Northumberland</a></li> 
        <li><a href="#">Nottinghamshire</a></li> 
		<li><a href="#">Oxfordshire</a></li> 
        <li><a href="#">Rutland</a></li> 
        <li><a href="#">Shropshire</a></li> 
		<li><a href="#">Somerset</a></li> 
        <li><a href="#">South Yorkshire</a></li> 
        <li><a href="#">Staffordshire</a></li> 
		<li><a href="#">Suffolk</a></li> 
       		      </ul>
	<li><a href="#">Locations S - Z</a> 
			  <ul> 
		<li><a href="#">Surrey</a></li> 
        <li><a href="#">Sussex</a></li> 
        <li><a href="#">Tyne And Wear</a></li> 
        <li><a href="#">Warwickshire</a></li> 
		<li><a href="#">West Midlands</a></li> 
        <li><a href="#">West Yorkshire</a></li> 
		<li><a href="#">Wiltshire</a></li> 
        <li><a href="#">Wirral</a></li> 
        <li><a href="#">Worcestershire</a></li> 
		<li><a href="#">Yorkshire</a></li> 
			  </ul>
    </li>
    <li><a href="#">Services</a> 
      <ul> 
        <li><a href="#">N/A</a></li> 
        <li><a href="#">N/A</a></li> 
        <li><a href="#">N/A</a></li> 
        <li><a href="#">N/A</a></li> 
        <li><a href="#">N/A</a></li> 
      </ul> 
    </li>
    <li><a href="#">Contact Us</a> 
      <ul> 
        <li><a href="#">United Kingdom</a></li> 
       </ul> 
    </li> 
  </ul>
  				
<table width="100%" height="100%" border="0" >
<tr>
<td height="8.5%"   >
TOP
</td>
</tr>

<tr valign="top">
<td width="21.4%">
LEFT SIDEBAR

</td>
<td style="background-image: url('images/Main_Menu_Background.jpg'); background-position:;">

<td width="21.4%">
RIGHT SIDEBAR	
</td>
</tr>


<tr>
<td height="15.5%" colspan="3">BOTTOM 
<center><span>&copy; Copyright &copy; 2011.</span>
<span><a href="test.html">My Local Menu</a> all rights reserved</span></center>
</td>
</tr>

</table>
</div>
</div>
  </div>
  </div>
</body>
</html>

Where "top" is i put <div id="background"> but it dosnt work it just dissapears, btw <div id="background"> is the top part of my website "My local menu" bit, i will also add the css code for it below.

HTML Code:

<table width="100%" height="100%" border="0" >
<tr>
<td height="8.5%"   >
TOP
</td>
</tr>

<tr valign="top">
<td width="21.4%">
LEFT SIDEBAR

</td>

CSS CODE BELOW:
HTML Code:

#background{
	     background-image:url('../images/bg-page-top-curve.jpg');  
		 background-repeat:no-repeat;
		 background-position:top center;

Is it possible?

I try to put 2 Objects (probably the wrong word) in a line. I tried div, float and span. I think i just used them in the wrong Way, so may someone here can help me out?
Code:

<?if($CHAT_BOX$)?>
<div class="boxContent" style="width: 50%;">
<div align="center">$CHAT_BOX$<?endif?> 
<?if($MYINF_5$)?>
<div class="boxContent" style="width: 50%;">$MYINF_5$</div>
</div>
</div><?endif?>

Thats the Code, its always Displayed
$CHAT_BOX
$MYINF_5$
i want it to be
$CHAT_BOX $MYINF_5$

Hi all,

I'm a beginner with XHTML, creating my very first website, so please forgive me if this should be a stupid question:

I crated a table with 6 colums. Each column has a border. I'd like to set the 1st column on the left side, and the other 5 columns without a space between them on the right side. But there is still space between them. What am I doing wrong?? By the way - the 5 colums on the right side contain pictures. They are supposed to be in the middle with the same distance around to the border - doesn't work either ... the picture stucks at the top - but at least horizontally in the middle ...
HTML Code:

<TABLE style="cellpadding:0; cellspacing:0; width:85em;">
   <TR>
    <TD>
     <DIV style="float:left; 
                 background-color:#f5f5f5; 
                 border:1px solid #CC6699; 
                 width:10em; height:5em; 
                 text-align:left;">
                 <B>text</B>
     </DIV>
    </TD>  
    <TD>
     <DIV style="float:right;
                 border:1px solid #CC6699; 
                 width:10em; height:5em; 
                 text-align:center; 
                 vertical-align:middle; 
                 display:table-cell;">
                 <IMG style="align:center; 
                             width:9em; 
                             height:4em;" 
                      src="path" 
                      alt="PICTURE">
     </DIV>
    </TD>                                    
    <TD>
     <DIV style="float:right;
                 border:1px solid #CC6699;
                 width:10em; height:5em; 
                 text-align:center; 
                 vertical-align:middle; 
                 display:table-cell;">
                 <IMG style="align:center; 
                             width:9em; 
                             height:4em;"
                      src="path" 
                      alt="PICTURE">
     </DIV>
    </TD>
    <TD>
     <DIV style="float:right;
                 border:1px solid #CC6699;
                 width:10em; height:5em; 
                 text-align:center; 
                 vertical-align:middle; 
                 display:table-cell;">
                 <IMG style="align:center; 
                             width:9em; 
                             height:4em;" 
                      src="path" 
                      alt="PICTURE">
     </DIV>
    </TD>
    <TD>
     <DIV style="float:right;
                 border:1px solid #CC6699; 
                 width:10em; height:5em; 
                 text-align:center; 
                 vertical-align:middle; 
                 display:table-cell;">
                 <IMG style="align:center; 
                             width:9em; 
                             height:4em;" 
                      src="path" 
                      alt="PICTURE">
     </DIV>
    </TD>  
    <TD>
     <DIV style="float:right; 
                 border:1px solid #CC6699; 
                 width:10em; height:5em; 
                 text-align:center; 
                 vertical-align:middle; 
                 display:table-cell;">
                 <IMG style="align:center; 
                             width:9em; 
                             height:4em;" 
                      src="path" 
                      alt="PICTURE">
     </DIV>
    </TD>
    <TD>
     <DIV style="float:right;  
                 border:1px solid #CC6699; 
                 width:10em; height:5em; 
                 text-align:center; 
                 vertical-align:middle; 
                 display:table-cell;">
                 <IMG style="align:center; 
                             width:9em; 
                             height:4em;" 
                      src="path" 
                      alt="FLAG OF CHILE">
     </DIV>
    </TD>                               
   </TR>
  </TABLE>

Dear HTML senseis,

I'm trying to make a "Previous | Next" link in the bottom center of the page, but what I get from this script is "Previous" in the bottom center, and "Next" below it instead of next to it. Here's what I'm using:

<p style="text-align: center;"><a href="F:\Webcomic\TheEyeoftheWorld.html">Previous</a></p><p align="center" |</p><p style="text-align: center;"><a href="F:\Webcomic\TheEyeoftheWorld3.html">Next</a>

so im trying to put a slide show in the div overly...im putting it in the right section but when i view my profile its right in the middle of the page overlapping writing etc..
how do i get it so its under that heading i put it up instead of it center?

heres my code

ABOUT ME:

<style> body table {margin-top:-50000px;}body td table, body div table {margin-top: 0;}table, tr, td {background-color:transparent;}body div table form{display:none;}body table div form{display:block;}div table td font {visibility:hidden; }a.navbar:active, a.navbar:visited, a.navbar:link { display:none;}a.navbar:hover { display:none; }.navbar {visibility:hidden; display:none;} .userProfiledetail, .userProfileURL, .userProfileSchool, .interestsAndDetails, .friendsComments,.extendedNetwork, .latestBlogEntry, .friendSpace, .orangetext15, .navigationbar, .profileInfo, .contacttable { display:none;} a.text, table div font a, table div div {visibility:hidden;} table tr td div font {display: none;} body div table td form {display:none!important;}table, td, tr{ background-color:transparent;}td td embed, td td object {position:absolute; left:0px; top:0px; width:260px; height:47px;}td.text embed {width:260px; height:38px;}td.text embed, td.text object {width:260px; height:38px;}

h1 {
font-family: Time New Roman;
font-size: 20pt;
color: ffffff;
font-weight: normal;
border-bottom: 3px double;
border-color: ff3399;
text-align: right;}

h2 {
font-family: Time New Roman;
font-size: 20pt;
color: ffffff;
font-weight: normal;
border-bottom: 3px double;
border-color: ff3399;
text-align: left;}

b {
color: fff;
font-weight: bold;
text-transform: none;}

i {
color: fff;
font-style: italic;
font-weight: normal;
text-transform: lowercase; }

u {font-family: Arial;
font-size: 11pt;
color: fff;
text-decoration: underline;
border-bottom: 1px solid;
border-color: ff3399;}

strike {
font-size: 10pt;
color: fff;
font-style: strikethrough; }

big, small {
color: fff;}

textarea, select, input {
font-family: Arial;
color: fff;
background-color: ff3399;
border: 1px solid fff;
letter-spacing: -1px; }

blockquote {
background-color: transparent;
border: 1px solid;
border-color: ff3399;
padding: 5px;}

body {
background-color: 000000;
background-image: url("http://cbimg6.com/layouts/08/08/30432aa.jpg");
background-repeat: repeat-y;
background-position: center;

scrollbar-face-color: ff3399;
scrollbar-arrow-color: fff;
scrollbar-track-color: 333;
scrollbar-shadow-color: 000;
scrollbar-highlight-color: 777;
scrollbar-3dlight-color: fff;
scrollbar-darkshadow-color: 000;}

.navi:link, .navi:active, .navi:visited {
font-family: Verdana;
font-weight: normal;
font-size: 8pt;
color: ffffff;
text-transform: uppercase;
text-decoration: none;
background-color: ff3399;
display: block;
text-align: center;}

.navi:hover {
font-family: Verdana;
font-weight: normal;
font-size: 7pt;
color: ff3399;
text-transform: uppercase;
text-decoration: none;
background-color: ffffff;
display: block;
text-align: center;}

a:link, a:active, a:visited {
font-family:Arial;
font-weight: normal;
font-size: 11pt;
color: ff3399;
text-transformation: none;
text-decoration: none;
background-color: none;}

a:hover {
font-family: Arial;
font-weight: normal;
font-size: 11pt;
color: ffffff;
text-transformation: none;
text-decoration: none;
background-color: ff3399;}

.right {position: absolute; top: 380; left: 50%; margin-left: -143px; height:; width: 563; font-family: Arial; font-size: 12pt; color: cccccc; background-color: transparent; text-align: justify;}

.left {position: absolute; top: 375; left: 50%; margin-left: -365px; height:; width: 170px; font-family: Arial; font-size: 12pt; color: cccccc; background-color: transparent; text-align: justify;}

.base {position: absolute; top: 0px; left: 50%; margin-left: -497px;}

</style>




WHO ID LIKE TO MEET?

<div class="base"><img src="http://cbimg6.com/layouts/08/08/30432ab.jpg" /></div>

<div class="right">
<h1>Spotlight on me.</h1>
<center><br /><img src="http://i31.tinypic.com/116nhwy.jpg" border="0" alt="Image and video hosting by TinyPic" /></a><br /></center>
Best daughters in the world; <b>Allie & Stephie</b>, <u>my kids</u>; Steps Dance studio (Hip Hop Instructor) is the job; I am a dancer - i live it love it am it; dancing is a very big apart of my life that and i want to pass that same love to my girls ; Merced College is the school Nursing is the major; i <b><u>LOVE</b></u> anything PINK; I &hearts; my girls; I &hearts; my friends; I &hearts; beer; I &hearts; drinking at applebees; I &hearts; Rap & R&b; I &hearts; late nights; I &hearts; romance movies ; I &hearts; A Walk to Remember; I &hearts; Tattoos; I ♥ coors light; I &hearts; the RAIDERS; I &hearts; my bff amanda always; I &hearts; Mac Make-up; I &hearts; getting my nails done; I &hearts; drinking @ La Ha 2 haha<br /><br /><br />

I hate people who lie; I hate cheaters; I hate broken promise's; I hate caring so ****in much; I hate having a big heart; I hate fights; I hate onions and mushrooms; I hate clowns; I hate traffic; I hate dark beer; I hate tomatos; and that sums me up in a nut shell body

<h1>Welcome To the Show.</h1>
<img src="http://i38.tinypic.com/11kgl8m.jpg" align="left" /><b>Name:</b> Kelley Kellz<br />
<b>Age:</b> 24<br />
<b>Location:</b> merced; califoRnia.<br />
<b>Status:</b> call it what you want.<br />
<b>Occupation:</b> dance instructor; school.<br />
<br /><br />
<br /><br /><br />


<h1>Backstage Pass.</h1>
<p style="visibility:visible;"><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="320" width="426" style="width:426px;height:320px" data="http://widget-af.slide.com/widgets/slideticker.swf">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://widget-af.slide.com/widgets/slideticker.swf" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="salign" value="l" />
<param name="wmode" value="transparent" />
<param name="flashvars" value="cy=ms&il=1&channel=2666130979412675759&site=widget-af.slide.com" />
</object>



under "backstage pass"
thats where i want the slideshow but it wont put it under there nor under the "welcome to the show" area

what am i doing wrong?

Hey there.

I have created the site saskannouncements.ca.

If you go to create a post, you'll see I have set up an OK looking submission form.

Here's the problem, you see what the people submit is sent to my email. because I'm just using this free thing off the internet.

Now what I want, is I want to Posts to be automatically posted to where the posters sent it.

How do I set that up?

Basically I want it so they automatically post, and I don't have to copy and paste them in each time. I just want to moniter them as they automatically are placed.

Can anyone help me on this please?

Thanks alot. I really appreciate it. Also if you've got any other pointer's for my new site Feel free to let me know.

Looking forward to hearing from you!

Hey, I'm wanting to know how to place videos on a webpage that are personal to the website, in other words.. not a YouTube video.

Like this for instance: http://www.stomperblog.com/darrin-mi...al-case-study/

How can i set up a video like this on a website? Do i need a certain program?

Thanks!

Hi i am new to HTML and have a really basic question. I am trying to teach myself HTML from scratch and came across adding a hyperlink to an image.

i found this HTML below on a practice web site and undestand that the
<a href="default.asp"> is where the hyperlink links to, but when i changed this to a website for example www.google.com it didn't go to the google page it just said error why is this?

Also the "smiley.gif" where does this come from if i wanted to change the picture that you click on how would i do this ??

I'd be so grateful if anybody could shed some light on this for me thank you,
Angela
<p>No border around the image, but still a link:
<a href="default.asp">
<img border="0" src="smiley.gif" alt="HTML tutorial" width="32" height="32" />
</a></p>

Hello,

I have a small business with a website (http://www.232john.com). I created the website with Microsoft Publisher 2003.

We produced a commercial about 1.5 years ago and would like to put it on the website. The problem is I don't know how, and really, if its at all possible.

Also, the file may be too large, about 3 minutes long. I am thinking I would have to resize, or change the format somehow, but since I am quite new to this, I have no idea how to do that either. lol

SO, anything anyone could do to help would be greatly appreciated.

Thank you very much
matthew

Hi everybody!

I'm doing a page and IE keeps putting more space in between table cells than I have specified.

Here's the link:

http://renewforest.com/test

The page is basically a table in a div layer, I have made the table have a 2px cellspacing, it works great for the top 3 cells but puts a few pixels after these first 3 cells, destroying my nifty 2 pixel separation. Also, I have given some cells (the td.topfade attributed ones that is) some left and right padding, BUT NO TOP PADDING, yet Safari and Firefox both put in some padding on the top. Oddly enough, IE obeys the CSS'ed padding, huh.

Any ideas?

Thanks in advance!

(Because this also deals with CSS I am posting this to the CSS section as well, if this is a big no no please let me know.)