i cant see the text problem your having and i am using IE7 so it might be a local problem.
As far as moving the banner is concerned - open your joomla installation back end so you can edit the template. Edit the Template CSS file. In there you will find:
#topbannerad {
float: right;
width: 728px;
height: 90px;
}
change this to:
#topbannerad {
float: center;
width: 728px;
height: 90px;
}
you will also see:
#logo {
width: 242px; (this is a custom width for my site)
height: 90px;
float: left;
background-image: url(../images/logo.png);
background-repeat: no-repeat;
If you make ythe first change and the banner looks no different you will need to adjust the width of your logo to allow the banner to float to the middle of the page.
Thats it - no biggie.
EDIT - I NOW SEE WHAT YOU MEAN ABOUT THE TEXT.
I had a lok at the code your page is generating and it seems a little complicated - First i would loose the ......... in the text.
Which editor are you using to write the pages? Is it the standard one with joomla? If so this can generate very sloppy code and for some reason is a pain in the ass to get images the correct size. try Joomla FCK you can get it at
www.joomlafckeditor.com/
Install it - go to administrator back end - global settings and under site ediding change from tinyMCE (or whtever is there) to JoomlaFCK - dont forget to enable it in Joomla plugins or it wont work.
Again - thats it! Simples