PDA

Click to See Complete Forum and Search --> : Problems with css display in IE7

deviled egg
04-21-2008, 08:17 PM
Why does IE 7 never read my CSS properly? I've attached some screen schots and the code. The site addy is http://dev.threeduck.com/riskassessment/

Any help is greatlly appreciated, thanks! :-)


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Pre Employment Verification Services</title>

<link rel="stylesheet" rev="stylesheet" href="css/rag_stylesheet.css" type="text/css" media="screen" charset="utf-8" />

</head>

<body>

<!--start container div tag -->
<div id="container"><div align="center">

<!--start header div tag -->
<div id="header">
<img src="images/rag_title.jpg" width="935" height="160" />


<!--start upper-nav div tag -->
<div id="upper-nav">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="15%" align="left" valign="top"><img src="images/rag_lft_spcr.jpg" width="140" height="32" alt="Motor Vehicle Records. Credit History Check" /></td>
<td width="6%" align="left" valign="top"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','images/rag_bttn1_ovr.jpg',1)"><img src="images/rag_bttn1.jpg" alt="Risk Assessment - Home" name="Image3" width="60" height="32" border="0" id="Image3" /></a></td>
<td width="12%" align="left" valign="top"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','images/rag_bttn2_ovr.jpg',1)"><img src="images/rag_bttn2.jpg" alt="Risk Assessment - Our Services" name="Image4" width="115" height="32" border="0" id="Image4" /></a></td>
<td width="16%" align="left" valign="top"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','images/rag_bttn3_ovr.jpg',1)"><img src="images/rag_bttn3.jpg" alt="Risk Assessment - Perfered Vendors" name="Image5" width="147" height="32" border="0" id="Image5" /></a></td>
<td width="11%" align="left" valign="top"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','images/rag_bttn4_ovr.jpg',1)"><img src="images/rag_bttn4.jpg" alt="Risk Assessment - Legal Notes" name="Image6" width="103" height="32" border="0" id="Image6" /></a></td>
<td width="16%" align="left" valign="top"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','images/rag_bttn5_ovr.jpg',1)"><img src="images/rag_bttn5.jpg" alt="Risk Assessment - Online Application" name="Image7" width="154" height="32" border="0" id="Image7" /></a></td>
<td width="9%" align="left" valign="top"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','images/rag_bttn6_ovr.jpg',1)"><img src="images/rag_bttn6.jpg" alt="Risk Assessment - Contact Us" name="Image8" width="84" height="32" border="0" id="Image8" /></a></td>
<td width="15%" align="left" valign="top"><img src="images/rag_rt_spcr.jpg" width="132" height="32" alt="Personal Reference Interviews, Drug Screening" /></td>
</tr>
</table>

<!--end upper-nav div tag -->
</div>

<!--end header div tag -->
</div>

<!--start inner-container div tag -->
<div id="inner-container">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="3%" align="left" valign="top" background="images/rag_lft_grn_line.gif">&nbsp;</td>
<td width="96%" align="left" valign="top">


<!--start left-column div tag -->
<div id="left-column">
<div align="center">
<div style="width:160px; align: center; background-color:#d6eafa; border-color:#CCCCCC; border-style:solid; ">
<div align="left"><img src="images/rag_services_title.jpg" width="160" height="18" alt="Risk Assessment Group Services" /><br />
<span class="body">
<a class=menu href="#">&nbsp;›› Criminal Background &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Search</a><br />
<a class=menu href="#">&nbsp;›› Employment &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Verification</a><br />
<a class=menu href="#">&nbsp;›› Credit Check</a><br />
<a class=menu href="#">&nbsp;›› Worker’s Comp Check</a><br />
<a class=menu href="#">&nbsp;›› Social Security Trace</a><br />
<a class=menu href="#">&nbsp;›› Education Verification</a><br />
<a class=menu href="#">&nbsp;›› Sex Offender Check</a><br />
<a class=menu href="#">&nbsp;›› Reference Check</a><br />
<a class=menu href="#">&nbsp;›› Drug Screening</a><br />
<a class=menu href="#">&nbsp;›› D.M.V. Check</a><br />
<a class=menu href="#">&nbsp;›› E-Verify</a><br />
<a class=menu href="#">›› Misc. Searches</a><br /></span>
<br />
<!-- enddiv aligns and div center tags-->
</div>
</div> </div>

<div style="margin-top: 5px;">
<div align="center">
<div style="width:160px; align: center; background-color:#ffffff; border-color:#CCCCCC; border-style:solid; ">
<img src="images/rag_partners_title.jpg" width="160" height="18" alt="Risk Assessment Group Partners and Alliances" />
<div style="margin-top:5px;"> <img src="images/rag_partners_image.jpg" alt="County Level Criminal Search" /> <div style="margin-top:5px;"> <img src="images/napbs.jpg" alt="County Level Criminal Search" width="159" height="80" /> </div>
<div style="margin-top:5px;"> <img src="images/bbb.jpg" alt="County Level Criminal Search" width="136" height="129" /> </div>
</div> </div>

<br />
<br />
<!-- enddiv aligns and div center tags-->
</div> </div>

<!--end left-columnr div tag -->
</div>

<!--start right-column div tag -->
<div id="right-column">
<div style=" float:right; width:160px; align: center; background-color:#d6eafa; border-color:#CCCCCC; border-style:solid; ">
<div align="left"><img src="images/rag_bkgrd_checks_title.jpg" width="160" height="18" alt="Risk Assessment Group Background Checks" />
<div style="margin-top: 5px;">
<div align="center"> <img src="images/rag_bkgrdcheck_image.jpg" alt="Identity Investigation" /><div align="left">
<table width="100%" border="0" cellspacing="0" cellpadding="5">
<tr>
<td align="left" valign="top"><span class="headersm"><strong>Why Should Your Company Use Employment Screening?</strong></span><br />
<span class="body">It would be nice to think that everyone is honest on his or her resume...</span></td>
</tr>
<tr>
<td align="right" valign="top"><a class="bk-check-menu" href="#">Read More...</a></td>
</tr>
<tr>
<td align="left" valign="top"><span class="headersm"><strong>Your Applicants Can Now Apply Online!</strong></span> <span class="body">Review your applications and submit potential hires for a background check with just a click...</span></td>
</tr>
<tr>
<td align="right" valign="top"><a class="bk-check-menu" href="#">Read More...</a></td>
</tr>
<tr>
<td align="left" valign="top"><span class="headersm"><strong>Large or Small, Your Company Is Important to Us!</strong></span><br />
<span class="body">From basic background checks to customized solutions, Risk Assessment has everything your company needs..</span></td>
</tr>
<tr>
<td align="right" valign="top"><a class="bk-check-menu" href="#">Read More...</a></td>
</tr>
<tr>
<td align="left" valign="top"><span class="headersm"><strong>What is E-Verify, and how does it affect your company?</strong></span></td>
</tr>
<tr>
<td align="right" valign="top"><a class="bk-check-menu" href="#">Read More...</a></td>
</tr>
</table>
</div></div></div>


<!-- enddiv aligns and div center tags-->

</div> </div>

<!--end right-column div tag -->
</div>


<!-- start content div tag-->
<div id="content"><div style="margin-top:34px;"><img src="images/rag_help_build_team.jpg" alt="Risk Assessment Group - Helping You Build a Better Team" width="380" height="194" hspace="0" vspace="0" align="left" />

<div style=" float:right; margin-top: 1px; width:160px; align: center; background-color:#d6eafa; border-color:#CCCCCC; border-style:solid; ">
<div align="left"><img src="images/rag_login_title.jpg" width="160" height="18" alt="Pre Employment Screening Service" /><br />
<br />
<br />
</div>

<!-- enddiv aligns and div center tags-->

</div> </div>

<div style="margin-top: 5px;">

<div id="lower-content">


<table width="100%" height="100%" border="0" cellspacing="5" cellpadding="0">
<tr>
<td colspan="4" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#01070f">&nbsp;</td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="4" align="left" valign="top"><img src="images/e-verify.jpg" alt="E-Verify" width="165" height="49" hspace="5" vspace="5" align="absmiddle" /><span class="header"><strong>E-Verify Service Now Available!</strong></span></td>
</tr>
<tr>
<td colspan="4" align="left" valign="top"><span class="body">Risk Assessment Group is a federally approved Designated Agent of the Department of Homeland Security and the Social Security Administration for Form I-9 Employment (Right To Work) Verifications. Protect your business from costly fines by verifying that all new hires are who they say they are and by verifying that they have the right to work in the United States. With the dramatic increase in fraudulent social security cards and other documents, simply making a copy of a new hire's documents ...</span></td>
</tr>
<tr>
<td width="13%" align="left" valign="top"><img src="images/homeland_security.jpg" alt="Homeland Security" width="69" height="70" /></td>
<td width="37%" align="left" valign="top"><span class="body">Homeland Security Passes I9 Bill Aimed at Cracking Down on Illegal Working Aliens</span></td>
<td width="22%" align="left" valign="middle"><img src="images/hr-xml.jpg" width="108" height="49" /></td>
<td width="28%" align="left" valign="top"><span class="body">Risk Assessment Group Completes HR-XML Tool Allowing Clients to Easily Integrate Our Background Screening Process with Their HR Dept</span></td>
</tr>
<tr>
<td align="left" valign="top"><img src="images/international.jpg" width="86" height="52" /></td>
<td align="left" valign="top"><span class="body">International Background Searches Now Available for Risk Assessment Group Clients!</span></td>
<td align="center" valign="top"><img src="images/online_app.jpg" alt="Apply online!" width="78" height="103" /></td>
<td align="left" valign="top"><span class="body">Your Applicants Can Now Apply Online Using Our Online Application!</span></td>
</tr>
</table>
</div>
</div>

<!--end content div tag-->
</div>

</td>
<td width="1%" align="left" valign="top" background="images/rag_rt_grn_line.gif">&nbsp;</td>
</tr>
<tr>
<td align="left" valign="top"><img src="images/rag_lft_lwr_crnr.jpg" width="19" height="30" alt="Education Verification" /></td>
<td align="left" valign="top"><img src="images/rag_bttm_grn_line.gif" width="897" height="30" alt="County Level Criminal Search" /></td>
<td align="left" valign="top"><img src="images/rag_lwr_crnr.jpg" width="19" height="30" alt="Motor Vehicle Verification" /></td>
</tr>
</table>


<!--start footer div tag -->
<div id="footer"> <span class="tiny">&copy; 2008 Risk Assessment Group. All Rights Reserved.
Site Designed by: <a href="http://www.threeduck.com/" target="_blank">Three Duck Media</a></span>
<!--end footer div tag -->
</div>

<!--end inner-container div tag -->
</div>

<!-- end container div tag-->
</div>
<!-- end div align="center" tag-->
</div>

</body>
</html>



http://dev.threeduck.com/riskassessment/ff-web-snapshot.jpg

http://dev.threeduck.com/riskassessment/ie-web-snapshot.jpg
shalom_m
04-21-2008, 11:58 PM
In html change to:

<!-- enddiv aligns and div center tags-->

</div><br><br><br><br><br><br><br><br><br><br></div>

<div style="margin-top: 5px;">
in CSS change to:

#content {
position: relative;
width:548px;
float: left;
padding: 0px;
margin-right: 3px;
margin-left: 3px;
}

#lower-content {
width:548px;
position: relative;
float: left;
}
NB: There are a lot of other things I would change on that page. But this is what is needed to make it work on IE 6 and IE 7
deviled egg
04-22-2008, 05:50 PM
Thank you for your help, but now making those changes, it messes up in Firefox, (which I just learned today, thanks to D-Frag that Firefox was developed by a 15 year old.) As if I didn't have enough complexes to think about in my life anyway.

Is there something I can do to make it work in Firefox and IE? (Or is that like asking God to make it rain and spontaneously burst in flames at the same time? )

I refuse to give up!! This will work!! :D
shalom_m
04-22-2008, 08:03 PM
I double checked, it works on BOTH Firefox and IE.

Here is the complete html


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="<A href="http://www.w3.org/1999/xhtml"><head">http://www.w3.org/1999/xhtml"><head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Pre Employment Verification Services</title>

<link rel="stylesheet" rev="stylesheet" href="Pre%20Employment%20Verification%20Services_files/rag_stylesheet.css" type="text/css" media="screen" charset="utf-8"></head><body>
<!--start container div tag -->
<div id="container"><div align="center">
<!--start header div tag -->
<div id="header">
<img src="Pre%20Employment%20Verification%20Services_files/rag_title.jpg" height="160" width="935">

<!--start upper-nav div tag -->
<div id="upper-nav">
<table border="0" cellpadding="0" cellspacing="0">
<tbody><tr>
<td align="left" valign="top" width="15%"><img src="Pre%20Employment%20Verification%20Services_files/rag_lft_spcr.jpg" alt="Motor Vehicle Records. Credit History Check" height="32" width="140"></td>
<td align="left" valign="top" width="6%"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','images/rag_bttn1_ovr.jpg',1)"><img src="Pre%20Employment%20Verification%20Services_files/rag_bttn1.jpg" alt="Risk Assessment - Home" name="Image3" id="Image3" border="0" height="32" width="60"></a></td>
<td align="left" valign="top" width="12%"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','images/rag_bttn2_ovr.jpg',1)"><img src="Pre%20Employment%20Verification%20Services_files/rag_bttn2.jpg" alt="Risk Assessment - Our Services" name="Image4" id="Image4" border="0" height="32" width="115"></a></td>
<td align="left" valign="top" width="16%"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','images/rag_bttn3_ovr.jpg',1)"><img src="Pre%20Employment%20Verification%20Services_files/rag_bttn3.jpg" alt="Risk Assessment - Perfered Vendors" name="Image5" id="Image5" border="0" height="32" width="147"></a></td>
<td align="left" valign="top" width="11%"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','images/rag_bttn4_ovr.jpg',1)"><img src="Pre%20Employment%20Verification%20Services_files/rag_bttn4.jpg" alt="Risk Assessment - Legal Notes" name="Image6" id="Image6" border="0" height="32" width="103"></a></td>
<td align="left" valign="top" width="16%"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','images/rag_bttn5_ovr.jpg',1)"><img src="Pre%20Employment%20Verification%20Services_files/rag_bttn5.jpg" alt="Risk Assessment - Online Application" name="Image7" id="Image7" border="0" height="32" width="154"></a></td>
<td align="left" valign="top" width="9%"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','images/rag_bttn6_ovr.jpg',1)"><img src="Pre%20Employment%20Verification%20Services_files/rag_bttn6.jpg" alt="Risk Assessment - Contact Us" name="Image8" id="Image8" border="0" height="32" width="84"></a></td>
<td align="left" valign="top" width="15%"><img src="Pre%20Employment%20Verification%20Services_files/rag_rt_spcr.jpg" alt="Personal Reference Interviews, Drug Screening" height="32" width="132"></td>
</tr>
</tbody></table>

<!--end upper-nav div tag -->
</div>
<!--end header div tag -->
</div>
<!--start inner-container div tag -->
<div id="inner-container">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td align="left" background="Pre%20Employment%20Verification%20Services_files/rag_lft_grn_line.gif" valign="top" width="3%">&nbsp;</td>
<td align="left" valign="top" width="96%">


<!--start left-column div tag -->
<div id="left-column">
<div align="center">
<div style="border-style: solid; border-color: rgb(204, 204, 204); width: 160px; background-color: rgb(214, 234, 250);">
<div align="left"><img src="Pre%20Employment%20Verification%20Services_files/rag_services_title.jpg" alt="Risk Assessment Group Services" height="18" width="160"><br>
<span class="body">
<a class="menu" href="#">&nbsp;›› Criminal Background &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Search</a><br>
<a class="menu" href="#">&nbsp;›› Employment &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Verification</a><br>
<a class="menu" href="#">&nbsp;›› Credit Check</a><br>
<a class="menu" href="#">&nbsp;›› Worker’s Comp Check</a><br>
<a class="menu" href="#">&nbsp;›› Social Security Trace</a><br>
<a class="menu" href="#">&nbsp;›› Education Verification</a><br>
<a class="menu" href="#">&nbsp;›› Sex Offender Check</a><br>
<a class="menu" href="#">&nbsp;›› Reference Check</a><br>
<a class="menu" href="#">&nbsp;›› Drug Screening</a><br>
<a class="menu" href="#">&nbsp;›› D.M.V. Check</a><br>
<a class="menu" href="#">&nbsp;›› E-Verify</a><br>
<a class="menu" href="#">›› Misc. Searches</a><br></span>
<br>
<!-- enddiv aligns and div center tags-->
</div>
</div> </div>

<div style="margin-top: 5px;">
<div align="center">
<div style="border-style: solid; border-color: rgb(204, 204, 204); width: 160px; background-color: rgb(255, 255, 255);">
<img src="Pre%20Employment%20Verification%20Services_files/rag_partners_title.jpg" alt="Risk Assessment Group Partners and Alliances" height="18" width="160">
<div style="margin-top: 5px;"> <img src="Pre%20Employment%20Verification%20Services_files/rag_partners_image.jpg" alt="County Level Criminal Search"> <div style="margin-top: 5px;"> <img src="Pre%20Employment%20Verification%20Services_files/napbs.jpg" alt="County Level Criminal Search" height="80" width="159"> </div>
<div style="margin-top: 5px;"> <img src="Pre%20Employment%20Verification%20Services_files/bbb.jpg" alt="County Level Criminal Search" height="129" width="136"> </div>
</div> </div>

<br>
<br>
<!-- enddiv aligns and div center tags-->
</div> </div>

<!--end left-columnr div tag -->
</div>
<!--start right-column div tag -->
<div id="right-column">
<div style="border-style: solid; border-color: rgb(204, 204, 204); float: right; width: 160px; background-color: rgb(214, 234, 250);">
<div align="left"><img src="Pre%20Employment%20Verification%20Services_files/rag_bkgrd_checks_title.jpg" alt="Risk Assessment Group Background Checks" height="18" width="160">
<div style="margin-top: 5px;">
<div align="center"> <img src="Pre%20Employment%20Verification%20Services_files/rag_bkgrdcheck_image.jpg" alt="Identity Investigation"><div align="left">
<table border="0" cellpadding="5" cellspacing="0" width="100%">
<tbody><tr>
<td align="left" valign="top"><span class="headersm"><strong>Why Should Your Company Use Employment Screening?</strong></span><br>
<span class="body">It would be nice to think that everyone is honest on his or her resume...</span></td>
</tr>
<tr>
<td align="right" valign="top"><a class="bk-check-menu" href="#">Read More...</a></td>
</tr>
<tr>
<td align="left" valign="top"><span class="headersm"><strong>Your Applicants Can Now Apply Online!</strong></span> <span class="body">Review your applications and submit potential hires for a background check with just a click...</span></td>
</tr>
<tr>
<td align="right" valign="top"><a class="bk-check-menu" href="#">Read More...</a></td>
</tr>
<tr>
<td align="left" valign="top"><span class="headersm"><strong>Large or Small, Your Company Is Important to Us!</strong></span><br>
<span class="body">From basic background checks to customized solutions, Risk Assessment has everything your company needs..</span></td>
</tr>
<tr>
<td align="right" valign="top"><a class="bk-check-menu" href="#">Read More...</a></td>
</tr>
<tr>
<td align="left" valign="top"><span class="headersm"><strong>What is E-Verify, and how does it affect your company?</strong></span></td>
</tr>
<tr>
<td align="right" valign="top"><a class="bk-check-menu" href="#">Read More...</a></td>
</tr>
</tbody></table>
</div></div></div>

<!-- enddiv aligns and div center tags-->

</div> </div>
<!--end right-column div tag -->
</div>

<!-- start content div tag-->
<div id="content"><div style="margin-top: 34px;"><img src="Pre%20Employment%20Verification%20Services_files/rag_help_build_team.jpg" alt="Risk Assessment Group - Helping You Build a Better Team" align="left" height="194" hspace="0" vspace="0" width="380">
<div style="border-style: solid; border-color: rgb(204, 204, 204); float: right; margin-top: 1px; width: 160px; background-color: rgb(214, 234, 250);">
<div align="left"><img src="Pre%20Employment%20Verification%20Services_files/rag_login_title.jpg" alt="Pre Employment Screening Service" height="18" width="160"><br>
<br>
<br>
</div>
<!-- enddiv aligns and div center tags-->

</div><br><br><br><br><br><br><br><br><br><br></div>

<div style="margin-top: 5px;">

<div id="lower-content">

<table border="0" cellpadding="0" cellspacing="5" height="100%" width="100%">
<tbody><tr>
<td colspan="4" align="left" valign="top"><table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td bgcolor="#01070f">&nbsp;</td>
</tr>
</tbody></table></td>
</tr>
<tr>
<td colspan="4" align="left" valign="top"><img src="Pre%20Employment%20Verification%20Services_files/e-verify.jpg" alt="E-Verify" align="absmiddle" height="49" hspace="5" vspace="5" width="165"><span class="header"><strong>E-Verify Service Now Available!</strong></span></td>
</tr>
<tr>
<td colspan="4" align="left" valign="top"><span class="body">Risk
Assessment Group is a federally approved Designated Agent of the
Department of Homeland Security and the Social Security Administration
for Form I-9 Employment (Right To Work) Verifications. Protect your
business from costly fines by verifying that all new hires are who they
say they are and by verifying that they have the right to work in the
United States. With the dramatic increase in fraudulent social security
cards and other documents, simply making a copy of a new hire's
documents ...</span></td>
</tr>
<tr>
<td align="left" valign="top" width="13%"><img src="Pre%20Employment%20Verification%20Services_files/homeland_security.jpg" alt="Homeland Security" height="70" width="69"></td>
<td align="left" valign="top" width="37%"><span class="body">Homeland Security Passes I9 Bill Aimed at Cracking Down on Illegal Working Aliens</span></td>
<td align="left" valign="middle" width="22%"><img src="Pre%20Employment%20Verification%20Services_files/hr-xml.jpg" height="49" width="108"></td>
<td align="left" valign="top" width="28%"><span class="body">Risk
Assessment Group Completes HR-XML Tool Allowing Clients to Easily
Integrate Our Background Screening Process with Their HR Dept</span></td>
</tr>
<tr>
<td align="left" valign="top"><img src="Pre%20Employment%20Verification%20Services_files/international.jpg" height="52" width="86"></td>
<td align="left" valign="top"><span class="body">International Background Searches Now Available for Risk Assessment Group Clients!</span></td>
<td align="center" valign="top"><img src="Pre%20Employment%20Verification%20Services_files/online_app.jpg" alt="Apply online!" height="103" width="78"></td>
<td align="left" valign="top"><span class="body">Your Applicants Can Now Apply Online Using Our Online Application!</span></td>
</tr>
</tbody></table>
</div>
</div>
<!--end content div tag-->
</div>
</td>
<td align="left" background="Pre%20Employment%20Verification%20Services_files/rag_rt_grn_line.gif" valign="top" width="1%">&nbsp;</td>
</tr>
<tr>
<td align="left" valign="top"><img src="Pre%20Employment%20Verification%20Services_files/rag_lft_lwr_crnr.jpg" alt="Education Verification" height="30" width="19"></td>
<td align="left" valign="top"><img src="Pre%20Employment%20Verification%20Services_files/rag_bttm_grn_line.gif" alt="County Level Criminal Search" height="30" width="897"></td>
<td align="left" valign="top"><img src="Pre%20Employment%20Verification%20Services_files/rag_lwr_crnr.jpg" alt="Motor Vehicle Verification" height="30" width="19"></td>
</tr>
</tbody></table>

<!--start footer div tag -->
<div id="footer"> <span class="tiny">© 2008 Risk Assessment Group. All Rights Reserved.
Site Designed by: <a href="http://www.threeduck.com/" target="_blank">Three Duck Media</a></span>
<!--end footer div tag -->
</div>
<!--end inner-container div tag -->
</div>
<!-- end container div tag-->
</div>
<!-- end div align="center" tag-->
</div>
</body></html>
shalom_m
04-22-2008, 08:03 PM
Sorry it would not all go on one post

Here the complete CSS


@charset "utf-8";
/* css doc*/
/* body and position related css*/

#header {
height:161px;
margin: 0 auto;
text-align:center;
width:935px;
border:0;
}
#container {
width:935px;
text-align:center;
margin:0% 20%;
}
#upper-nav {
margin-top:160px;
width:935px;
height:32px;
margin: 0 auto;
text-align:center;
display:inline;
border:0;
}
#inner-container {
width:935px;
margin-top: 35px;
margin: 0 auto;
display: inline;
}
#left-column {
margin-top: 35px;
float: left;
width:168px;
display:inline;
padding-left:3px;
}
#content {
position: relative;
width:548px;
float: left;
padding: 0px;
margin-right: 3px;
margin-left: 3px;
}
#lower-content {
width:548px;
position: relative;
float: left;
}
#right-column {
margin-top: 35px;
float: right;
width:168px;
display:inline;
padding-right:3px;
}
#footer {
width:548px;
position:absolute;
left: 508px;
top: 895px;
}
}

A.menu { font-family: verdana, arial, helvetica; font-size: 9pt; color: black; text-decoration: none; }
A.menu:ACTIVE { color: red; }
A.menu:VISITED { color: gray; }
A.menu:LINK { color: black; }
A.menu:HOVER { color: #4f95d2; }
A.bk-check-menu { font-family: verdana, arial, helvetica; font-size: 9pt; color: black; text-decoration: none; }
A.bk-check-menu:ACTIVE { color: gray; }
A.bk-check-menu:VISITED { color: #63b339; }
A.bk-check-menu:LINK { color: red; }
A.bk-check-menu:HOVER { color: #4f95d2; }
A { text-decoration: none; }
A:ACTIVE { color: red }
A:VISITED { color: blue }
A:LINK { color: blue }
A:HOVER { color: red }
.body { font-family: verdana, arial, helvetica; font-size: 9pt; color: black; }
.bodyb { font-family: verdana, arial, helvetica; font-size: 9pt; color: black; font-weight: bold; }
.bodyrev { font-family: verdana, arial, helvetica; font-size: 9pt; color: white; }
.bodyrevb { font-family: verdana, arial, helvetica; font-size: 9pt; color: white; font-weight: bold; }
.news { font-family: verdana, arial, helvetica; font-size: 10pt; color: black; }
.newsb { font-family: verdana, arial, helvetica; font-size: 10pt; color: black; font-weight: bold; }
.header { font-family: verdana, arial, helvetica; font-size: 15pt; color: #1c1645; }
.headersm { font-family: verdana, arial, helvetica; font-size: 12pt; color: #1c1645; }
.menutext { font-family: verdana, arial, helvetica; font-size: 8pt; color: black; }
.tiny { font-family: verdana, arial, helvetica; font-size: 7pt; color: black; }
.tinyrev { font-family: verdana, arial, helvetica; font-size: 7pt; color: white; }
.input { font-size: 8pt; background-color: white; }
.button { font-family: verdana, arial, helvetica; font-size: 8pt; background-color: #007683; font-weight: bold; color: white; }

.linker { border-color: black; }
.tableL { font-family: verdana, arial, helvetica; font-size: 9pt; background-color: #007683; color: white; font-weight: bold; vertical-align: middle; text-align: right;}
.tableR { font-family: verdana, arial, helvetica; font-size: 9pt; background-color: #DDDDDD; color: black; font-weight: normal; vertical-align: middle; text-align: left; }
.tableB { background-color: #cccccc; color: black; font-weight: normal; vertical-align: middle; text-align: center; }
.tabletopper { background-color: #1B396A; }
table.automatic {
border-width: 1px;
border-spacing: ;
border-style: outset;
border-color: #000000;
border-collapse: separate;
background-color: #ffffff;
}
table.automatic th {
border-width: 0px;
border-style: inset;
border-color: #000000;
-moz-border-radius: ;
}
table.automatic td {
border-width: 0px;
border-style: inset;
border-color: #000000;
-moz-border-radius: ;
}
deviled egg
04-23-2008, 05:44 PM
Thank you for your help! I was able to get it to work yesterday, as far as the display goes, but now my upper nav isn't working. It doesn't work it all on IE and only some of it works in Firefox. Any suggestions? Please and thank you!! :D