Float layout causing problems in internet explorer 5, 5.5 and 6

Hi everyone,
I have a 3-column floated fixed width layout. The right
column contains a form in the lower section. The columns are all
okay in most browsers but when I test in internet explorer 5, 5.5
and 6, the right column drops below the layout. When I tried to
troubleshoot, I found that if I took the form out of the right
column altogether then the right column would sit where it's
suppose to.
I don't know whether it's a float bug that's causing the
problem in these versions of IE or something else. Could someone
take a look and see what might be happening?
The address is:
http://www.officelinkonline.com.au/test/
http://www.officelinkonline.com.au/test/css/main.css
http://www.officelinkonline.com.au/test/css/win_ie.css
Thanks for any help offered.

I would strongly advice you to completely uninstall JSE/JDK 5.0 UPDATE 6
from you system and install JSE/JDK 5.0 UPDATE 5 or earlier (which you know works with your system)!! There is a major problem with this UPDATE 6 which just came out!! I believe it might be a security related issue! But there is definely a conflict going on with IE 6.0 SP1 and Firefox 1.5!! This update doesn't like something in our operating system!! we have the latest security updates on our computer!!
Abit Motherboard AS8 with audio card and network card enabled. Windows 2k sp4 with rollup update 1 v.2 and a hardware firewall installed!!
Our audio card screams when you go to some sites that have audiostreaming plugin on there site which uses javascript to play!! I AM NOW USING JSE 5.0 UPDATE 5 and it works great!!
IE crashes and Mozilla Firefox 1.5 crashes!! I told Sun Systems about Update 6 and haven't gotten a reply from them yet!!

Similar Messages

CSS Problem with Internet Explorer 8.0 Filters and linked reports

Hi ,
The Internet explorer 8.0 re presents the filter prompt for linked reports and a warning of "Prevention of XSS" is flashed on the browser. Is there a patch for this since changes in Interner explorer security setting are not possible to be changed in all clients.
Thanks
Regards
Shivakanth

Jovaini,
IE 8 handles threads different than previous versions. Thus, if you sign into an APEX workspace and then try to start a new instance of IE 8, that process is no longer seen as a separate process like IE 6 & 7, but rather as another "tab", if you will. Thus, as soon as you log into workspace 2, your login credentials for workspace 1 are invalidated. This is true even if workspace 2 is the APEX Admin Console, as it uses the same underlying authentication mechanism.
To solve this, you have a couple of options:
1) Use two different browsers (i.e. IE 8 and Google Chrome).
2) Use the hostname for one session and the IP address for another session. This will limit you to two concurrent logins.
3) Either edit your local hosts file or if you can, have your network administrator create a number of aliases to the same APEX server. You can then use each alias for a different session with the same browser. APEX manages its session cookies based on the hostname, so if you have 10 aliases, you will be able to be logged into 10 separate workspaces within the same browser using this approach.
Thanks,
- Scott -
http://spendolini.blogspot.com
http://www.sumneva.com

Java Applet Background Color Problem on Internet Explorer

Hi,
Please check out the following URL:
http://www.utopiainteractive.com/clients/AkonFinal/glossary.htm
The menu bar is writting in Java Applet. If you scroll down the page, and scroll back up, I see white background as I scroll back up. It happens only on Internet explorer. Neither Java Applet nor HTML Body bg color is white. I am kinda lost, and any help would really be appreciated.
Thank you and look forward to hearing from someone soon.
Sachin

Hi,
Well I used HtmlConver utility to generate applet html code, so I assume nothing is wrong with Object tag. Do you know what could cause this problem on Internet explorer? To be honest, I spent last couple of days, but I am just lost. It absolutely works fine on Netscape.
Thanks,
Sachin

Gui 7.0 windows xp, problem with Internet Explorer 6.0

Hello Gurus,
I am installing SAP GUI 7.00, on all the windows XP machines, of our SAP users. All the machines where GUI 7.00 is installed, are facing the problem with Internet Explorer. When we click on IE we don't get error but the requested URL do not show anything. Our version of Internet exploerer is 6.0.
Gurus, need your help on this..
Thanks and Regards,
Rahul

hi ,
thanks for letting me know my error. I will raise this problem in the correct forum
Thanks
Rahul

Since the recent upgrade from Adobe pdf plug-inn Firefox often won't open pdf-files. Uninstalling doesn't help. I don't have this problem with Internet Explorer.

Since the recent upgrade from Adobe pdf plug-inn Firefox often won't open pdf-files. Uninstalling doesn't help. I don't have this problem with Internet Explorer.

Hi efacg,
Most printing issues are solved by resetting the Printing preferences. When you print from Firefox and you click on the down arrow, do you see Defualt and Firefox? Please make changes to the preferences here and preview the document.
If this continues to be an issue please also see [[Fix printing problems in Firefox]]
If there are any other questions, please do not hesitate to ask, we are here to help.

Printer print size is very small. Do not have this problem with Internet explorer.

When I try to print something in Firefox, the printer print size is extremely small. I do not have this problem with Internet Explorer.

File > Page Setup - '''Scale''' <br />
100% or Shrink to Fit is usually best.

Bonjours il n est pas possible de faire un paiement sur n importe quel site avec paypal sinon pas de probleme avec internet explorer

bonjours il n est pas possible de faire un paiement sur n importe quel site avec paypal sinon pas de probleme avec internet explorer edit

Hello didierj1, try to [https://support.mozilla.org/en-US/kb/Template:clearCookiesCache clear Cookies and Cache] and check it again.
also be sure you have '''check mark''' in '''Accept cookies from sites'''[ v ] and to '''Accept third party cookies''' [ v ]
see : [http://support.mozilla.org/en-US/kb/enable-and-disable-cookies-website-preferences#w_how-do-i-change-cookie-settings How do I change Cookie settings?]
thank you

My system needs internet explorer for a application I need to down load, however I need to down load the latest yahoo tool bar for internet explorer to work properly and firefox will not allow the down load of yahoo toolbar. How do I fix this?

I have not used Internet explorer since downloading firefox and I need IE for a trading platform that I need to use. In order to get IE working I apparently need to down load the latest version of Yahoo toolbar, however when I try to down load the tool bar Firefox will not allow the down load of that file.

Thank you so much, for once in my computer life I knew what the problem was, what caused it, why it was caused, what it did, what it made it do and most importantly how to fix it and to do it correctly and expeditiously. I can not Thank You all enough for all of the help! I also have Pogo mailed this to all on my friends list, where they have all learned as I have and have fixed theirs also. and the message is being spread. Thank You again, I just can not say it enough.

I switched from Internet Explorer to Mozilla Firefox and my bookmarks don't appear to have been transferred. The FAQ's say it should be in a folder marked Internet Explorer in the "Bookmarks Menu", but it's not there.

I switched from Internet Explorer to Mozilla Firefox and my bookmarks don't appear to have been transferred. The FAQ's say it should be in a folder marked Internet Explorer in the "Bookmarks Menu", but it's not there.

Did you see a "Bookmark" tab in your Menu Bar? All of your IE Favorites should be there if you pull it down.
FYI, It's called Bookmarks in Firefox.

I installed firefox but when trying to download web items I get a message that internet explorer has stopped working and does nothing but close program.

I installed firefox but when trying to download web items I get a message that internet explorer has stopped working and does nothing but close program.

See:
* https://support.mozilla.com/en-US/kb/Firefox%20crashes%20when%20you%20open%20it

A problem with this webpage caused Internet Explorer (IE9) to close and reopen the tab

I have IE9 (using 32-bit version) installed on a relatively new laptop with Windows 7 64-bit. Up until last weekend IE9 worked fine and Flash Player worked fine too.
At the weekend a webpage asked for Flash Player to be updated - which I did. Ever since then whenever I go to a webpage needing Flash Player I get the message "A problem with this webpage caused Internet Explorer to close and reopen the tab". This happens twice and then an IE9 error page.
I have read the discussions in here about the problems with Flash Player 10.3 and have tried the various solutions. I have updated to 10.3.181.16 having tried 15 and 14 previously. Same problem.
I have reset IE9. Same problem.
I have disabled all add-ons which stops the problem. If I enable just the Flash Player add-on then the problem recurs. Since there are so many webpages that use Flash I do not want to run my browser without this add-on running.
If I enable the add-on and run IE9 using software rendering instead of GPU rendering then I don't get the problem. However, this isn't exactly making the best use of the resources on my laptop.
This may well all be related to the 10.3 problems but no one seems to have mentioned having a problem with tabs closing and reopening so I thought I would post on here to check.
Any suggestions for how to solve this (other than using software rendering)?

Thanks again for your reply. I appreciate the time you have taken to respond.
I think, however, you misunderstand the problem. IE9 does not reopen the tabs on just one website - it is doing this on every website that needs Flash Player. Therefore, running in Compatibility mode is not an option. In fact, because IE9 reopens the tabs so quickly and then ends up with an error page, I cannot even click the Compatibility button anyway.
I could use ActiveX filtering - true. All that this means is that Flash does not play on any of the websites. When I want to re-enable ActiveX for a particular website where I need to see the Flash Player item, this just triggers the error.
This problem also happened on .14, .15 and well as the current .16 version. It did not happen with the previous version of Flash Player that I had on the system (version 10.2 I think).
The fact is that either Flash Player or IE9 or both is/are broken. The two choices I am still left with are:
1. Use software rendering (which contradicts the latest advertisements for IE9 about unleashing the power of IE)
2. Use another browser - I have no problems with either Firefox or Chrome

Spry menu problems with Internet explorer

Hi everyone
I'm having ongoing problems with my horizontal menus and
internet explorer. They work fine in other browsers and with the
generous help of others at these forums I've managed to sort out
most of the problems. But I've hit a real wall with this one. The
menus drop down showing the links OK but you cannot highlight or
click on the options that drop down, they just appear as text. Any
help would be appretiated. My appologies for posting in other
threads also but just hoping for a response.
I am very new to this side of design so simple answers would
be very helpful. Thanks
Bob

I have 2 similar problems to the prior posts:
1) I run IE7 and FF and the positioning of my submenus are
skewed in IE only.
2) I am not sure, but I believe I have a problem with my
iframe appearing in my IE7 browser behind all of my submenus. Well,
I know I have a problem with something, but whether or not it's the
iframe I don't know. What I do know is that the box shows up like a
border around my submenus and I can't get rid of it. I suspect that
it may be caused by the fact that my menu buttons are imported
gif's in the shape of rounded rectangles which allows for the
corners to be visible. I actually just thought about it and my
gif's are set to have a white index transparency, but maybe If I
export the gifs without transparency, then that issue will be
resolved. Well I will try that part and see, but any and all
suggestions are welcome. Oh and I just remembered, that problem
with the border around my submenus also has another problem with
the word "false" inside of that border behind my submenus. This
problem again is only in my IE browser, and it is hard to see it,
but I have no idea why that is there or what it's from. I ran a
search in my SpryMenuHorizontal.css page and in my html page for
the word 'false' but nothing turned up. The only document related
to this issue that contains the word 'false' is the
'SpryMenuBar.js' document.
CSS
Layout file
HTML Demo
link
Thank you,
Danny

Spry Menu Bar Horizontal Problem in Internet Explorer

I'm having a problem with a spry menu bar. It works fine in Firefox and Google Chrome, but in Internet Explorer the submenus shift to the right.
And here's the code:
@charset "UTF-8";/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 *//* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. *//******************************************************************************* LAYOUT INFORMATION: describes box model, positioning, z-order *******************************************************************************//* The outermost container of the Menu Bar, an auto width box with no margin or padding */ul.MenuBarHorizontal{     margin: 0 auto;     padding: 0;     list-style-type: none;     font-size: 100%;     cursor: default;     width: 54em;     border-top-width: thick;     border-right-width: thick;     border-bottom-width: thick;     border-left-width: thick;     border-top-color: #00F;     border-right-color: #099;     border-bottom-color: #093;     border-left-color: #0F9;     top: auto;}/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */ul.MenuBarActive{     z-index: 1000;}/* Menu item containers, position children relative to this container and are a fixed width */ul.MenuBarHorizontal li{     margin: 0;     padding: 0;     list-style-type: none;     font-size: 100%;     position: relative;     text-align: center;     cursor: pointer;     width: 18em;     float: left;     color: #F00;     background-color: #0000FF;}/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */ul.MenuBarHorizontal ul{     margin: 0;     padding: 0;     list-style-type: none;     font-size: 100%;     z-index: 1020;     cursor: default;     width: 18em;     position: absolute;     left: -1000em;}/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */ul.MenuBarHorizontal ul.MenuBarSubmenuVisible{     left: auto;}/* Menu item containers are same fixed width as parent */ul.MenuBarHorizontal ul li{     width: 18em;}/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */ul.MenuBarHorizontal ul ul{     position: absolute;     margin: -5% 0 0 95%;}/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible{     left: auto;     top: 0;}/******************************************************************************* DESIGN INFORMATION: describes color scheme, borders, fonts *******************************************************************************//* Submenu containers have borders on all sides */ul.MenuBarHorizontal ul{     border: 1px solid #CCC;}/* Menu items are a light gray block with padding and no text decoration */ul.MenuBarHorizontal a{     display: block;     cursor: pointer;     background-color: #000;     padding: 0.5em 0.75em;     color: #C96;     text-decoration: none;     border: black;}/* Menu items that have mouse over or focus have a blue background and white text */ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus{     background-color: #900;     color: #009;     text-align: center;}/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible{     background-color: #900;     color: #FFF;     text-decoration: underline;}/***************************************************************************** ** SUBMENU INDICATION: styles if there is a submenu under a given menu item *******************************************************************************//* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ul.MenuBarHorizontal a.MenuBarItemSubmenu{     background-image: url(SpryMenuBarDown.gif);     background-repeat: no-repeat;     background-position: 95% 50%;     text-align: center;     font-family: "Lucida Console", Monaco, monospace;     font-weight: bold;     color: #FF0;     border: 3px solid #039;}/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */ul.MenuBarHorizontal ul a.MenuBarItemSubmenu{     background-image: url(SpryMenuBarRight.gif);     background-repeat: no-repeat;     background-position: 95% 50%;}/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ul.MenuBarHorizontal a.MenuBarItemSubmenuHover{     background-image: url(SpryMenuBarDownHover.gif);     background-repeat: no-repeat;     background-position: 95% 50%;}/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover{     background-image: url(SpryMenuBarRightHover.gif);     background-repeat: no-repeat;     background-position: 95% 50%;}/******************************************************************************* BROWSER HACKS: the hacks below should not be changed unless you are an expert *******************************************************************************//* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */ul.MenuBarHorizontal iframe{     position: fixed;     z-index: 1010;     filter:alpha(opacity:0.1);}/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */@media screen, projection{     ul.MenuBarHorizontal li.MenuBarItemIE     {          display: inline;          f\loat: left;               }}
WHAT DO I DO? HELP ME, THANKS.
Ummmmmmm HELLOO.
SOMEONE HELP ME.
....boy you guys are reallllly helping

Ohhhh noooo now it looks like this.
I don't know what to do!!!!
Here, let me give you the css code and the html code.
<style type="text/css">

</style>
<style type="text/css">
#apDiv3 {
    position:absolute;
    width:254px;
    height:206px;
    z-index:2;
    left: 123px;
    top: 1529px;
#apDiv4 {
    position:absolute;
    width:250px;
    height:194px;
    z-index:3;
    left: 381px;
    top: 1528px;
#apDiv5 {
    position:absolute;
    width:256px;
    height:200px;
    z-index:4;
    left: 636px;
    top: 1529px;
#apDiv6 {
    position:absolute;
    width:349px;
    height:205px;
    z-index:5;
    left: 889px;
    top: 1530px;
</style>
<style type="text/css">
#apDiv7 {
    position:absolute;
    width:887px;
    height:204px;
    z-index:6;
    left: 324px;
    top: 905px;
#apDiv8 {
    position:absolute;
    width:1295px;
    height:74px;
    z-index:1;
    left: 212px;
    top: 668px;
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
<style type="text/css">
#apDiv2 {
    position:absolute;
    width:209px;
    height:197px;
    z-index:2;
    top: 1220px;
    left: 171px;
#apDiv9 {
    position:absolute;
    width:331px;
    height:97px;
    z-index:3;
    left: 385px;
    top: 1218px;
#apDiv10 {
    position:absolute;
    width:292px;
    height:199px;
    z-index:4;
    left: 724px;
    top: 1218px;
#apDiv11 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:1;
body {
    background-color: #000;
    background-image: url();
    text-align: center;
    color: #F00;
.none {
    font-size: 80px;
    font-family: "Times New Roman", Times, serif;
    font-weight: bold;
#apDiv12 {
    position:absolute;
    width:991px;
    height:60px;
    z-index:5;
    left: 198px;
    top: 192px;
#apDiv13 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:1;
    left: 588px;
    top: 322px;
</style>
<body onLoad="MM_preloadImages('images/WebConfroll.png','images/youthfootballroll.png','images/ statefbsweatshirt.png')">
<p align="center" class="none"><img src="images/footballtitle.png" width="941" height="183"></p>
<ul id="MenuBar2" class="MenuBarHorizontal">
<li><a class="MenuBarItemSubmenu" href="#">[Placeholder]</a>
    <ul>
      <li><a href="#">[Placeholder]</a></li>
      <li><a href="#">[Placeholder]</a></li>
      <li><a href="#">[Placeholder]</a></li>
    </ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">[Placeholder]</a>
    <ul>
      <li><a href="#">[Placeholder]</a></li>
      <li><a href="#">[Placeholder]</a></li>
      <li><a href="#">[Placeholder]</a></li>
    </ul>
</li>
<li><a class="MenuBarItemSubmenu" href="#">Videos</a>
    <ul>
      <li><a class="MenuBarItemSubmenu" href="#">2008 Videos</a>
        <ul>
          <li><a href="videos/2009 videos/Glenbard part one/partone.html">Glenbard South Game</a></li>
          <li><a href="#">             &# 160;         [Placeholder]</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">2009 Videos</a>
        <ul>
          <li><a href="#">[Placeholder]</a></li>
          <li><a href="#">[Placeholder]</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">2010 Videos</a>
        <ul>
          <li><a href="#">[Placeholder]</a></li>
          <li><a href="#">[Placeholder]</a></li>
        </ul>
      </li>
    </ul>
</li>
</ul>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"><span class="cent"><img src="images/bulldoghelmit.png" width="150" height="99" /></span></p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p class="cent"> </p>
<div align="center">
<ul id="MenuBar1" class="MenuBarHorizontal">
    <li> <a class="MenuBarItemSubmenu" href="#">Football Season 2008</a>
      <ul>
        <li><a href="http://page.bps101.net/web/t1350/Football2009/2008%20Defense%20Stats.pdf">Defense Stats</a></li>
        <li><a href="http://page.bps101.net/web/t1350/Football2009/2008%20Offense%20Stats.pdf">Offense and Records</a></li>
        <li><a href="http://page.bps101.net/web/t1350/BHS%20All%20Time%20Stats.pdf">AllTime Data</a></li>
        <li><a href="http://page.bps101.net/web/t1350/Football2009/Western%20Sun%202009.pdf">Western Sun Final Standings</a></li>
      </ul>
    </li>
    <li> <a href="#" class="MenuBarItemSubmenu">Football Season 2009</a>
      <ul>
        <li><a href="http://page.bps101.net/web/t1350/Football%202010/2009%20Banquet%20Record%20and%20Stats.pdf">Defense Stats</a></li>
        <li><a href="http://page.bps101.net/web/t1350/Football%202010/2009%20Banquet%20Record%20and%20Stats.pdf">Record Book and Offense</a></li>
        <li><a href="http://page.bps101.net/web/t1350/Football%202010/All-Time%20Data%202009.pdf">Alltime Data</a></li>
      </ul>
    </li>
    <li> <a class="MenuBarItemSubmenu" href="#">Football Season 2010</a>
      <ul>
        <li><a href="http://page.bps101.net/web/t1350/Football%202011/2011%20Checklist.pdf">2010-2011 Offseason Checklist</a></li>
        <li><a href="http://page.bps101.net/web/t1350/Football%202011/2010%20Defense%20Stats%20Final.pdf">Defense Stats</a></li>
        <li><a href="http://page.bps101.net/web/t1350/Football%202011/2010%20Stats%20Packet.pdf">Record Book and Offense</a></li>
        <li><a href="http://page.bps101.net/web/t1350/Football%202011/2010%20ALL%20TIME.pdf">Alltime Data</a></li>
      </ul>
    </li>
</ul>
</div>
<p align="center"> </p>
<p align="center"> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"><img src="images/Batavia Youth football.png" alt="" width="869" height="200" /></p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','images/WebConfroll.png',1)"></a></p>
<div align="center">
<div align="center"></div>
<div align="center"><a href="http://www.athletics2000.com/upstate8/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','images/WebConfroll.png',1)"><img src="images/WebConf.png" name="Image7" width="206" height="194" border="0" id="Image7" /></a><a href="http://www.bataviayouthfootball.org/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','images/statefbsweatshirt.png',1)"><img src="images/statefbsweatshirt.jpg" name="Image6" width="375" height="199" border="0" id="Image6" /></a><a href="http://www.bataviayouthfootball.org/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','images/youthfootballroll.png',1)"><img src="images/youth football.png" name="Image8" width="329" height="197" border="0" id="Image8" /></a></div>
</div>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','images/youthfootballroll.png',1)"></a></p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"> </p>
<p align="center"><img src="images/Logos.png" width="1167" height="199" /></p>
<script type="text/javascript">
var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
    margin: auto 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: 54em;
    border-top: thick solid #00F;
    border-left: thick solid #00F;
    border-right: thick solid #00F;
    border-bottom: thick solid #00F;
    height: 2.2em;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
    z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    cursor: pointer;
    width: 18em;
    float: left;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 18em;
    position: absolute;
    left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    width: 18em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    position: absolute;
    margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
    border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    background-color: #000;
    padding: 0.5em 0.75em;
    color: #C96;
    text-decoration: none;
    text-align: center;
    height: 1.2em;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    background-color: #900;
    color: #009;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #900;
    color: #FFF;
    text-decoration: underline;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarDown.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    color: #FF0;
    font-family: "Lucida Console", Monaco, monospace;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarDownHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
        display: inline;
        f\loat: left;
        background: #FFF;
DON'T GIVE UP ON ME. PLEASE.

Weird text problem in Internet Explorer

I have a totally puzzling issue with my text in my website.
The problem is that it looks fine when the site is previewed in Firefox, Google Chrome or Safari but when previewed in Internet Explorer for some unknown reason some of the text displays incorrectly as illustrated in image 2 below.
I have been trying for days to solve this issue but nothing I have tried so far can solve the issue. Is anyone out there familiar with this bug?
Any advice would be greatly appreciated. I have included some images and my CSS details below.
Image 1 Previewed in Firefox
Image 2 Previewed in Internet explorer
This is how the text looks in I.E
Im thinking that it may be caused by some kind of CSS issue so I have included my CSS file details below.
#buyncon {
text-align: right;
#caseincon {
#clickoncon {
margin-top: 3px;
margin-bottom: 7px;
#page6 .main_table tr .site_center .site_center1 tr td #content tr td #concontainer9 #orderbottom44 #concontainer33 #col5bb #videocon #lessonsTable tr .txtThree #lessonsTable2 tr td #hook {
padding: 10px;
#linespop1con {
background-image: url(images/POPUPLINES.gif);
background-repeat: no-repeat;
height: 168px;
#rightsicon {
width: 287px;
float: right;
margin-right: 45px;
#lefthacon {
width: 400px;
margin-left: 15px;
#peron {
width: 161px;
margin-left: auto;
margin-top: 30px;
margin-right: auto;
#mainimcon {
body {padding:0; margin:0; height:750px; background:#6f6f6f}
#caseincon img {
margin-right: 15px;
margin-bottom: 15px;
#prices {
width: 35px;
float: right;
#units {
width: 48px;
#unitprcon {
margin-top: 5px;
#lefthancol {
width: 385px;
margin-left: 25px;
#linesvidcon {
background-image: url(images/POPUPLINES2.gif);
background-repeat: no-repeat;
height: 102px;
#flashpopcon {
#righthancol {
width: 287px;
float: right;
margin-right: 45px;
margin-top: 10px;
#learnaboutccon {
#wordscon {
#buynowbcon {
text-align: right;
margin-top: 100px;
#persontutcon {
width: 161px;
margin-top: 20px;
margin-right: auto;
margin-left: auto;
#itemmon {
width: 66px;
#maccscon {
width: 40px;
float: right;
table, td {border-collapse:collapse;}
#itemscon {
margin-top: 10px;
table, td, img {border:0; padding:0;}
form, td{
margin:0;
padding:0;
html {height:100%;}
br{font-size:10px}
table{border:0px; border-collapse:collapse; }
body, td{
font-size:11px;
font-family:Tahoma, Geneva, sans-serif;
color:#7d7b7b;
line-height:13px;
vertical-align:top;
padding:0px;
a img{ border:0px}
img{
strong{
color:#999
b{ color:#585858}
span{}
span a{}
span a:hover{}
a{
color:#999;
text-decoration:none
a:hover{
color:#999;
text-decoration: underline
.bg_bot{ background:url(images/bg_bot.gif) top left repeat-x #6f6f6f}
.bg_color{ background:#f2f2f2}
.bg_li_bot{ background:url(images/bg_li_bot.gif) top left repeat-y}
.bg_color_top{ background:#FFFFFF}
ul{margin:0; padding:0; list-style:none}
li{ line-height:18px }
li a{ background:url(images/1_z1.gif) center left no-repeat; background-position:0 5px; margin:0px; padding-left:9px;color:#91908d; text-decoration:underline}
li a:hover{color:#91908d; text-decoration:none}
.more{background:url(images/1_z2.gif) center left no-repeat; background-position:0 5px; padding-left:12px; vertical-align:middle; color:#434343; font-weight:bold; text-decoration:none}
.more:hover{ text-decoration:underline}
.main_table{ width:100%; background:url(images/bg_left.gif) top left repeat-x #c4c4c4}
.site_center{text-align:center; width:100%; background:url(images/bg_bot.gif) bottom left repeat-x}
.site_center1{margin:0 auto; text-align:left; width:770px;}
/*header*/
#header{ height:339px; width:770px}
#header .row1{ height:26px; background:url(images/bg_hed_top.gif) top left repeat-y }
#header .row2{ height:313px; background:url(images/bg_hed_li.gif) top left repeat-x }
#header .row2 .col1{ width:586px; background:url(images/bg_header.jpg) bottom right no-repeat}
#header .row2 .col1 div{ padding:142px 0 0 60px}
#header .row2 .col1 .title{ margin:0 89px 0 0px}
#header .row2 .col2{ width:184px}
#header .row2 .col2 .indent{ margin:101px 0 0px 0px}
/*content*/
#content{
width:770px;
height:352px;
background:#FFFFFF
/*page1*/
#page1 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
/*page2*/
#page2 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
/*page3*/
#page3 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
/*page4*/
#page4 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
/*page5*/
#page5 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
/*page6*/
#page6 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
/*page7*/
#page7 #content .row1{ height:10px; background:url(images/bg_top_con.gif) top left repeat-x}
/*footer*/
#footer { width:770px; height:59px;}
#footer .row1{ height:5px; background:url(images/bg_foot.gif) top left repeat-x;}
.ab {
color: #919190;
#footer .row2{ height:54px; background:#919190; color:#FFFFFF; font-size:10px}
#footer .row2 div{
#footer .row2 .indent{ margin:0 15px 0 15px}
#footer .row2 a{ color:#FFFFFF; text-decoration: underline}
#footer .row2 a:hover{ color:#FFFFFF; text-decoration: none}
/*input*/
input.text{
width: 250px;
label.top {
display: block;
margin-bottom: 0.5em;
font-style: italic;
.input1{
   background:#ffffff;
   border:1px solid #91908d;
   width:201px; height:15px;
   color:#91908d;
   font-size:10px
#input2{
   width:44px; height:11px;
   border:0px;
#input3{
   width:39px; height:11px;
   border:0px;
textarea{
background:#ffffff;
border:1px solid #91908d;
width:250px;
height:49px;
overflow:auto;
font-family:Tahoma;
font-size:11px;
color:#91908d;
margin-top: 0.5em;
}.reviewtitle {
font-size: 14px;
font-weight: normal;
#contactleft {
width: 254px;
padding: 10px;
margin-left: 20px;
margin-top: 45px;
background-image: url(images/conbkg.gif);
.italics {
font-style: italic;
.bolds {
font-weight: bold;
#conactadress {
width: 382px;
margin-top: 45px;
margin-right: 55px;
float: right;
#contactbox {
width: 380px;
float: right;
#links {
text-align: center;
margin-bottom: 20px;
#reviewleftbkg {
width: 254px;
padding: 10px;
margin-left: 20px;
margin-top: 45px;
background-image: url(images/revbkg.gif);
#feedbackleftbkg {
margin-left: 20px;
width: 254px;
margin-top: 45px;
padding: 10px;
background-image: url(images/feedbkg.gif);
#shoutleft {
margin-bottom: 40px;
#feedbackform {
width: 382px;
float: right;
margin-top: 35px;
margin-right: 55px;
#hearleft2 {
margin-bottom: 40px;
#lefttext {
margin-bottom: 40px;
#reviewform {
width: 382px;
float: right;
margin-right: 55px;
margin-top: 35px;
#twitter {
left: 410px;
bottom: 4px;
position: relative;
#delicious {
position: relative;
left: 405px;
bottom: 4px;
#dig {
position: relative;
left: 400px;
bottom: 4px;
#facebook {
position: relative;
left: 395px;
bottom: 4px;
.row2 div span.quote {
position: relative;
left: 210px;
#privacybkg {
background-image: url(images/privacy-BKG.gif);
background-repeat: no-repeat;
margin: 7px;
#background {
clip: rect(auto,auto,auto,auto);
padding-left: 10px;
padding-top: 10px;
#concontainer {
background-image: url(images/index-bkg.gif);
background-repeat: no-repeat;
height: 927px;
background-position: center;
#orderbottom {
background-image: url(images/ORDER-BKG-2-A.gif);
height: 930px;
background-repeat: no-repeat;
background-position: center top;
padding-top: 10px;
.clear {
clear: both;
#dataimage {
padding-top: 39.5px;
padding-bottom: 42.5px;
padding-left: 25px;
#dataimage9 {
#securefile {
width: 208px;
float: right;
#contacttitle {
#pivacycontainer {
width: 208px;
position: absolute;
left: 850px;
padding-top: 15px;
#pivacycontainer2 {
width: 208px;
position: absolute;
left: 820px;
padding-top: 15px;
#dataimage2 {
padding-left: 25px;
padding-top: 34.5px;
padding-bottom: 32px;
width: auto;
#pivacycontainer3 {
width: 208px;
position: absolute;
left: 820px;
padding-top: 5px;
#personaltutor {
#dataimage3 {
padding-left: 25px;
#contacttitle3 {
width: 400px;
#personaltutorcontainaer1 {
margin-bottom: 35px;
#personaltutor1 {
width: 160px;
margin-left: 40px;
margin-bottom: 18px;
#windows7box {
width: 345px;
margin-top: 30px;
margin-left: 40px;
margin-bottom: 30px;
#productbox {
width: 358px;
position: absolute;
left: 691px;
#pivacycontainer4 {
width: 208px;
position: absolute;
left: 835px;
padding-top: 15px;
#dataimage4 {
padding-top: 39.5px;
padding-bottom: 44.5px;
padding-left: 25px;
#contactlogo {
margin-bottom: 4px;
#col1 {
width: 251px;
margin-right: 35px;
float: right;
margin-top: 93px;
#theproblem {
padding-left: 5px;
#thesolution {
padding-left: 5px;
.box {
.right {
#col2 {
width: 430px;
padding-left: 30px;
margin-top: 65px;
#brace {
color: #FFF;
#personalcol {
padding-left: 5px;
#helpcol {
background-image: url(images/help-bkg.gif);
background-repeat: no-repeat;
width: 251px;
height: 275px;
margin-top: 12px;
#readcol {
background-repeat: no-repeat;
height: 173px;
margin-top: 20px;
clear: both;
.indexbold {
font-size: 14px;
font-weight: bold;
color: #476068;
line-height: 17px;
padding-left: 10px;
#help {
padding-left: 17px;
font-size: 14px;
line-height: 17px;
color: #999;
font-weight: bold;
padding-top: 13px;
padding-bottom: 5px;
.five {
margin-left: 10px;
.buttontext {
font-size: 14px;
color: #FFF;
clear: inherit;
position: relative;
left: 87px;
bottom: 33px;
width: 200px;
#problemcol {
#monitorcol {
#solutioncol {
.buttontext2 {
font-size: 14px;
color: #FFF;
clear: both;
position: relative;
left: 109px;
bottom: 33px;
width: 80px;
#concontainerorder {
background-image: url(images/order-bkg-top-2.gif);
background-repeat: no-repeat;
height: 450px;
background-position: center top;
margin-bottom: 30px;
#col5 {
#buycol {
width: 161px;
float: right;
padding-top: 10px;
.learnbold {
font-size: 14px;
font-weight: bold;
padding-bottom: 5px;
line-height: 17px;
#tutorcol {
width: 161px;
clear: both;
float: right;
padding-top: 20px;
#col6 {
width: 231px;
padding-left: 30px;
margin-top: 65px;
#smallcases {
width: 226px;
margin-bottom: 5px;
#unit {
padding-top: 4px;
#price {
width: 45px;
float: right;
#mac {
width: 41px;
float: right;
margin-right: 6px;
#item {
width: 90px;
#print {
width: 70px;
.size {
font-size: 12px;
#emailcon {
margin-top: 22px;
#addcol {
margin-top: 44px;
padding-left: 7px;
margin-bottom: 3px;
.yellow {
font-size: 14px;
font-weight: bold;
color: #F3BA22;
#email {
width: 130px
#clickcol {
#smallcasecol {
background-image: url(images/fade2.jpg);
height: 83px;
background-repeat: no-repeat;
width: 226px;
padding-top: 10px;
padding-left: 3px;
#smallcases img {
margin: 3px;
#linecol {
width: 357px;
background-image: url(images/order-bkg.gif);
height: 206px;
background-repeat: no-repeat;
#casecol {
width: 231px;
#zoomcol {
#itemcol {
margin-top: 7px;
#stockcol {
margin-top: 9px;
#overallcol {
margin-top: 12px;
#stock {
width: 49px;
float: right;
#read {
margin-top: 7px;
#write {
width: 100px;
float: right;
margin-right: 120px;
#readrev {
font-family: Tahoma, Geneva, sans-serif;
width: 110px;
#availcol {
width: 65px;
#titlecol {
width: 357px;
#read #write img {
margin-bottom: 0px;
margin-right: 3px;
#read #readrev img {
margin-right: 3px;
#emailcon #email img {
margin-right: 7px;
#contentscon {
padding-left: 150px;
padding-right: 70px;
text-align: justify;
margin-top: 80px;
.blue14 {
color: #386989;
font-size: 14px;
font-weight: bold;
.blue11 {
font-size: 11px;
color: #386989;
font-weight: bold;
.orange14 {
color: #f79420;
font-size: 11px;
font-weight: bold;
#buy2 {
width: 150px;
float: right;
margin-right: 65px;
position: relative;
padding-top: 10px;
#greatvalue {
width: 230px;
margin-left: 150px;
#readour {
color: #f79420;
font-size: 15px;
font-weight: bold;
padding-left: 150px;
.orange15 {
color: #f79420;
#col7 {
width: 382px;
margin-top: 55px;
margin-right: 40px;
float: right;
#col8 {
width: 254px;
background-color: #F4F6F6;
padding: 10px;
margin-top: 55px;
margin-left: 30px;
#privacyleft {
margin-bottom: 10px;
margin-top: 5px;
#personalt {
margin-bottom: 5px;
.bold2 {
font-size: 14px;
font-weight: bold;
#col4 {
width: 250px;
float: right;
margin-right: 35px;
margin-top: 65px;
#col5 {
width: 375px;
padding-left: 30px;
float: right;
#videocon {
#greatcon {
padding-left: 6px;
padding-top: 2px;
#pertutor {
margin-bottom: 10px;
padding-left: 5px;
#pledgecon {
background-image: url(images/video-bkg-10bb.jpg);
height: 290px;
background-repeat: no-repeat;
padding: 10px;
#buttoncon {
#text1 {
#piccon {
width: 82px;
float: left;
margin-right: 10px;
#text2 {
#text3 {
text-align: right;
#buttoncon {
#pricingdetails {
width: 100px;
top: 10px;
.indexbold2 {
font-size: 14px;
font-weight: bold;
color: #999;
line-height: 17px;
.greybold {
font-size: 14px;
font-weight: bold;
#unitboxcol {
margin-top: 5px;
#pricebox {
width: 35px;
float: right;
#macbox {
#unitbox {
width: 47px;
#itemboxcol {
#itbox {
#itsbox {
margin-top: 10px;
#maxibox {
width: 39px;
float: right;
#ibox {
width: 65px;
#col5b {
width: 430px;
padding-left: 30px;
margin-top: 65px;
#col5c {
width: 357px;
float: right;
margin-right: 80px;
margin-top: 70px;
#sprycon {
#tagcon {
#Prod {
width: 100px;
#reviews {
width: 45px;
float: right;
#procon {
width: 125px;
margin-left: 27px;
font-weight: bold;
color: #999;
#revicon {
width: 50px;
float: right;
font-weight: bold;
margin-right: 515px;
color: #999;
#orderbottom2 {
background-image: url(images/ORDER-BKG-2-A.gif);
height: 915px;
background-repeat: no-repeat;
background-position: center top;
padding-top: 10px;
#stars4 {
width: 200px;
margin-bottom: 5px;
padding-bottom: 2px;
margin-left: 25px;
#date4 {
font-weight: bold;
float: right;
width: 113px;
margin-right: 30px;
#reviewss4 {
font-weight: bold;
width: 350px;
margin-left: 150px;
#mesages4 {
text-align: justify;
margin-top: 10px;
margin-right: 35px;
margin-left: 150px;
#stars5 {
width: 200px;
margin-bottom: 5px;
margin-left: 25px;
padding-bottom: 2px;
#date5 {
font-weight: bold;
float: right;
margin-right: 32px;
#reviewss5 {
font-weight: bold;
width: 350px;
margin-left: 150px;
#mesages5 {
text-align: justify;
margin-top: 10px;
margin-right: 35px;
margin-left: 150px;
#review1con5 {
margin-top: 97px;
#stars6 {
width: 200px;
margin-bottom: 5px;
margin-left: 25px;
padding-bottom: 2px;
#date6 {
font-weight: bold;
float: right;
margin-right: 30px;
#reviewss6 {
font-weight: bold;
width: 350px;
margin-left: 150px;
#mesages6 {
text-align: justify;
margin-top: 10px;
margin-right: 35px;
margin-left: 150px;
#orderbottom3 {
background-image: url(images/ORDER-BKG-2-A.gif);
height: 915px;
background-repeat: no-repeat;
background-position: center top;
padding-top: 10px;
#customcon {
font-size: 12px;
font-weight: bold;
margin-left: 20px;
#cus {
padding-bottom: 20px;
#stars {
width: 200px;
margin-left: 25px;
padding-bottom: 2px;
margin-bottom: 5px;
#rate {
width: 154px;
font-size: 14px;
font-weight: bold;
color: #f79420;
float: right;
margin-right: 500px;
#reviewss {
width: 350px;
margin-left: 150px;
font-size: 12px;
font-weight: bold;
color: #494949;
#review2con2 {
margin-top: 100px;
#review1con {
margin-top: 65px;
#date {
width: 90px;
float: right;
color: #494949;
font-weight: bold;
margin-right: 30px;
.blue2 {
color: #386989;
#mesage {
margin-left: 150px;
margin-right: 35px;
margin-top: 10px;
text-align: justify;
.dark12 {
font-size: 12px;
font-weight: bold;
color: #494949;
#stars2 {
width: 200px;
margin-bottom: 5px;
margin-left: 25px;
padding-bottom: 2px;
#date2 {
float: right;
margin-right: 33px;
#reviewss2 {
#reviewss2 {
margin-left: 150px;
#review1con3 {
margin-top: 175px;
#stars3 {
width: 200px;
margin-bottom: 5px;
margin-left: 25px;
padding-bottom: 2px;
#date3 {
font-weight: bold;
float: right;
width: 97px;
margin-right: 30px;
#reviewss3 {
font-weight: bold;
width: 350px;
margin-left: 150px;
#mesage3 {
text-align: justify;
margin-top: 10px;
margin-right: 35px;
margin-left: 150px;
#mesage2 {
text-align: justify;
margin-top: 10px;
margin-right: 35px;
margin-left: 150px;
#review1con4 {
margin-top: 65px;
#review1con6 {
margin-top: 200px;
#sharecon2 {
color: #FD9639;
font-size: 14px;
font-weight: bold;
margin-top: 143px;
margin-left: 23px;
#numbercon2 {
font-size: 14px;
font-weight: bold;
float: right;
margin-right: 30px;
margin-top: 19px;
#clickhcon3 {
width: 400px;
font-size: 11px;
font-weight: bold;
margin-left: 23px;
margin-top: 19px;
color: #386989;
#buysmcon2 {
float: right;
margin-top: 35px;
margin-right: 20px;
.bluerev {
color: #386989;
#sharecon {
font-size: 14px;
font-weight: bold;
color: #fd9639;
margin-top: 121px;
margin-left: 23px;
#numbercon {
font-size: 14px;
font-weight: bold;
float: right;
margin-top: 19px;
margin-right: 20px;
#clickhcon {
font-size: 11px;
width: 400px;
margin-top: 19px;
margin-left: 23px;
font-weight: bold;
color: #386989;
#buysmcon {
float: right;
margin-top: 35px;
margin-right: 20px;
#col1new {
width: 251px;
margin-right: 35px;
margin-top: 95px;
float: right;
#col2new {
width: 430px;
margin-top: 95px;
margin-left: 20px;
#pricon {
clear: both;
#butscon {
float: none;
padding-right: 10px;
margin-top: 5px;
#revscon {
font-size: 14px;
font-weight: bold;
color: #999;
padding-left: 15px;
padding-top: 15px;
padding-bottom: 13px;
#butzcon {
clear: both;
float: right;
padding-right: 10px;
padding-top: 10px;
#shoutcon {
width: 71px;
margin-left: 15px;
#seewhatcon {
float: right;
width: 148px;
#clickzcon {
clear: both;
#tabzcon {
margin-left: 72px;
padding-top: 18px;
font-size: 14px;
#aboutuzcon {
font-size: 14px;
margin-left: 48px;
padding-top: 4px;
font-weight: bold;
color: #999;
#demozcon {
float: right;
font-size: 14px;
font-weight: bold;
margin-right: 524px;
padding-top: 4px;
#tabzcon2 {
#buyzon {
padding-left: 75px;
font-size: 14px;
font-weight: bold;
padding-top: 10px;
#orderbottom4 {
background-image: url(images/index-bottom-bkg.gif);
background-repeat: no-repeat;
background-position: center top;
padding-top: 10px;
height: 838px;
#ttabscon {
#ttabscon {
font-size: 14px;
font-weight: bold;
padding-top: 3px;
padding-left: 58px;
color: #999;
#breakercon {
color: #F7F6EC;
#breaker2con {
color: #F7F6EC;
#breaker3con {
color: #F7F6EC;
#securecontainer {
#contacttitle2 {
#boxxcon4 {
position: relative;
#securecontainer img {
position: absolute;
top: 3px;
right: 10px;
#boxxxxcon4 {
position: relative;
#cardcon {
position: absolute;
top: 3px;
right: 10px;
#boxxxxcon4 img {
#boxcon5 {
position: relative;
#privacycon {
#privacycon img {
position: absolute;
top: 15px;
right: 4px;
#boxcon3 {
position: relative;
#filmcon {
#filmcon img {
#boxcon2 {
position: relative;
#filmzcon2 {
position: absolute;
top: 5px;
right: 5px;
#windows7container {
#pro1con {
#case1con {
#pro11con {
position: relative;
#case1con img {
position: absolute;
top: 3px;
right: 8px;
#win7con {
padding-left: 40px;
padding-top: 20px;
padding-bottom: 0px;
#per1con {
#person1con {
padding-top: 20px;
padding-bottom: 26px;
padding-left: 40px;
#but1con {
float: right;
#buttoncon {
float: right;
#concontainer2 {
background-image: url(images/video-bkg-5.gif);
background-repeat: no-repeat;
height: 1460px;
background-position: center;
#concontainer2b {
background-repeat: no-repeat;
height: 927px;
background-position: center;
background-image: url(images/video-bkg-4.gif);
#footszcon {
#ezcon {
padding-top: 21px;
padding-left: 63px;
#netxcon {
float: right;
padding-top: 14px;
padding-right: 20px;
#netxcon img {
margin-left: 18px;
#readocon {
font-size: 14px;
font-weight: bold;
margin-top: 95px;
margin-left: 20px;
.smallz {
font-size: 10px;
#bodcon2 {
padding-top: 5px;
padding-right: 20px;
padding-bottom: 30px;
padding-left: 30px;
#bodcon3 {
margin-right: 35px;
margin-left: 5px;
float: right;
#bodcon4 {
margin-left: 20px;
#bodconntainer {
margin-top: 40px;
.thanks {
font-size: 12px;
.bluze {
color: #3366ff;
.blue5 {
font-size: 14px;
font-weight: bold;
color: #3366ff;
#bodcon1 {
padding-top: 5px;
padding-right: 20px;
padding-left: 45px;
font-size: 16px;
color: #999;
margin-bottom: 30px;
#bodcon7 {
margin-right: 100px;
margin-left: 5px;
font-size: 13px;
float: right;
.bluze2 {
color: #3366ff;
font-size: 12px;
font-weight: bold;
#trybuy {
float: right;
#bodconntainer #bodcon1 {
font-size: 18px;
color: #999;
.bluze3 {
color: #3366ff;
font-size: 14px;
font-weight: bold;
.bluze4 {
color: #999;
font-size: 14px;
font-weight: bold;
#netxcon4 {
float: right;
padding-top: 14px;
padding-right: 20px;
#netxcon8 {
padding-right: 0px;
float: right;
.bluze5 {
color: #3366ff;
font-size: 31px;
font-weight: bold;
label.check {
font-weight: bold;
.orange16 {
color: #f79420;
font-size: 14px;
font-weight: bold;
.dark13 {
font-size: 12px;
font-weight: bold;
color: #999;
#col2z {
width: 700px;
padding-left: 30px;
margin-top: 20px;
#theproblemz {
padding-left: 5px;
#monitorcolz {
#solutioncolz {
.bb1 {
float: right;
.pp2 {
float: right;
.bb2 {
float: right;
.clearz {
clear: both;
#vidz1 {
margin-right: 30px;
#seal1 {
float: right;
margin-right: 30px;
margin-bottom: 50px;
#seal2 {
float: right;
margin-right: 30px;
#seal3 {
margin-right: 30px;
float: right;
#line2 {
clear: both;
#line3 {
clear: both;
#line1 {
clear: both;
#seal6 {
float: right;
margin-right: 30px;
#seal7 {
float: right;
margin-right: 30px;
margin-bottom: 50px;
#seal8 {
float: right;
margin-right: 30px;
#seal9 {
float: right;
margin-right: 30px;
#seal4 {
float: right;
margin-right: 30px;
margin-bottom: 50px;
#seal5 {
float: right;
margin-right: 30px;
#vidz2 {
margin-right: 30px;
#vidz3 {
margin-right: 30px;
#line4 {
clear: both;
#seal10 {
float: right;
margin-right: 30px;
margin-bottom: 50px;
#seal12 {
#seal11 {
float: right;
margin-right: 30px;
#seal12 {
float: right;
margin-right: 30px;
#seal13 {
float: right;
margin-right: 30px;
margin-bottom: 30px;
#seal14 {
float: right;
margin-right: 30px;
#seal15 {
float: right;
margin-right: 30px;
#line5 {
clear: both;
#solutio {
clear: both;
#concontainer2 {
background-image: url(images/vid-bkg-5.gif);
background-repeat: no-repeat;
height: 1460px;
background-position: center;
.big {
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
font-weight: bolder;
color: #666666;
#col5bb {
width: 375px;
padding-left: 30px;
margin-top: 25px;
#concontainerorder2 {
background-image: url(images/order-background-new.gif);
background-repeat: no-repeat;
height: 560px;
background-position: center top;
margin-bottom: 30px;
margin-top: 20px;
#col5cc {
width: 450px;
float: right;
margin-right: 40px;
margin-top: 70px;
#titlecol2 {
width: 448px;
#clickcol2 {
.lift {
margin-bottom: 4px;
.pound {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #00F;
#col44 {
width: 330px;
float: right;
margin-right: 35px;
margin-top: 25px;
margin-left: 15px;
#page6 .main_table tr .site_center .site_center1 tr td #content tr td #concontainer99 #orderbottom4444 #concontainer333 #col5bb #videocon #lessonsTable tr .txtThree #lessonsTable2 tr td #hook {
padding: 10px;
#buycol2 {
width: 161px;
float: right;
padding-top: 35px;
#buzz {
margin-top: 20px;
#pledgecon2 {
background-image: url(images/video-bkg-2.gif);
height: 229px;
background-repeat: no-repeat;
padding: 10px;
#aboutuzcon2 {
font-size: 14px;
margin-left: 42px;
padding-top: 4px;
font-weight: bold;
color: #999;
#concontainerorder3 {
background-image: url(images/order-background-new.gif);
background-repeat: no-repeat;
height: 560px;
background-position: center top;
margin-bottom: 30px;
margin-top: 20px;
#concontainer3 {
#concontainer3 {
background-image: url(images/video-bkg-12.gif);
background-repeat: no-repeat;
height: 2920px;
background-position: center;
#prodetails {
#col1b {
width: 251px;
margin-right: 35px;
float: right;
margin-top: 90px;
#concontainer9 {
background-image: url(images/index-9.gif);
background-repeat: no-repeat;
height: 927px;
background-position: center;
#contentscon2 {
padding-left: 40px;
padding-right: 40px;
text-align: justify;
margin-top: 80px;
#greatvalue2 {
width: 230px;
margin-left: 40px;
#buy2222 {
width: 150px;
float: right;
margin-right: 30px;
position: relative;
padding-top: 20px;
margin-bottom: 30px;
#orderbottom9 {
background-image: url(images/index-bottom-bkg.gif);
background-repeat: no-repeat;
background-position: center top;
padding-top: 10px;
height: 750px;
#qvc {
margin-left: 3px;
margin-top: 80px;
#readcol2 {
background-repeat: no-repeat;
height: 173px;
clear: both;
#revscon2 {
font-size: 14px;
font-weight: bold;
color: #999;
margin-left: 25px;
#concontainer33 {
background-repeat: no-repeat;
height: 2920px;
background-position: center;
#contentscon22 {
padding-left: 40px;
padding-right: 40px;
text-align: justify;
#orderbottom44 {
background-repeat: no-repeat;
background-position: center top;
padding-top: 10px;
height: 3778px;
#qvc2 {
margin-left: 3px;
margin-bottom: 15px;
#orderbottom444 {
background-repeat: no-repeat;
background-position: center top;
padding-top: 10px;
height: 4778px;
#concontainer99 {
background-image: url(images/index-9999.gif);
background-repeat: no-repeat;
height: 3784px;
background-position: center;
#page6 .main_table tr .site_center .site_center1 tr td #content tr td #concontainer99 #orderbottom44 #concontainer33 #col5bb #videocon #lessonsTable tr .txtThree #lessonsTable2 tr td #hook #hook2 {
padding: 10px;
#concontainer333 {
background-repeat: no-repeat;
height: 3576px;
background-position: center;
#orderbottom4444 {
background-repeat: no-repeat;
background-position: center top;
padding-top: 10px;
height: 3778px;
#concontainer999 {
background-image: url(images/index-99.gif);
background-repeat: no-repeat;
height: 927px;
background-position: center;
#concontainerz {
background-image: url(images/index-9.gif);
background-repeat: no-repeat;
height: 927px;
background-position: center;
#concontainer25 {
background-image: url(images/index-9.gif);
background-repeat: no-repeat;
height: 912px;
background-position: center;
#pertutorz {
padding-left: 5px;
padding-bottom: 8px;
#tabzcon9 {
margin-left: 60px;
padding-top: 18px;
font-size: 14px;
I hope that someone may be able to help.
Thanks in advance.
Fitz.

Hey when i try to add the new code as
sugested the whole of my pa
ge code greys out...
is this right?
sorry if i sound stupid...
heres my unchanged code in case of need...
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<title>Learn Windows 7 DVD - ideal for visual learners - View online demo of contents</title>

<META NAME="KEYWORDS" CONTENT=",Learn windows 7 DVD, learn about computers, Windows 7 dvd, pc help, how to use a computer,windows 7,learning about computers,">
<META NAME="description" content= " Need to learn about computers? Get this great Learn Windows 7 DVD with over
5 hours of contents teaching everything you need to know Watch online demo of contents">
<link href="../style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">

</script>


</head>
<body id="page6" onload="MM_preloadImages('../images/m1_1.gif','../images/m2_2.gif','../images/m3_3.gif',' ../images/m4_4.gif','../images/m5_5.gif')">
<table class="main_table">
<tr>
<td class="site_center"><table class="site_center1">
<tr>
     <td>
       <object style="margin:0px 0 0 -5px" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,24" width="780" height="339">
         <param name="movie" value="../flash/header_v8.swf?button=5" />
         <param name="quality" value="high" />
         <param name="menu" value="false" />
         
         <object data="../flash/header_v8.swf?button=5"
            width="780" height="339" type="application/x-shockwave-flash">
           <param name="quality" value="high" />
           <param name="menu" value="false" />
           <param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" />
           FAIL (the browser should render some flash content, not this).
            </object>
         
        </object>
     </td>
    </tr>
    <tr>
     <td>
      <table id="content">
       <tr>
        <td class="row1"></td>
       </tr>
       <tr>
        <td><div id="pro11con">
          <div id="pro1con">
            <div id="case1con"><img src="../images/product-image.jpg" width="358" height="200" alt="Learn about computers the easy way DVD your visual guide for learning about Computers" />
            </div>
            <div id="win7con"><img src="../images/leard-dvd.gif" width="345" height="144" alt="Learn Windows 7 The easy way DVD The Visual learning system" /></div>
          </div>
        </div>
<div id="concontainer99">
<div id="tabzcon"><strong>About us</strong></div>
<br />
                    <p>
          
          <script language="JavaScript" type="text/javascript">
                                    </script>
          <noscript>
             <a href="http://www.boldchat.com" title="Live Chat Software" target="_blank"><img alt="Live Chat Software" src="http://vms.boldchat.com/aid/1829731387427487376/bc.vmi" border="0" width="1" height="1"></a>
             </noscript>
                    <div id="orderbottom4444">
          <div id="concontainer333"> <span id="concontainer33"><br />
              </span>
            <div id="col44">
              <div id="pertutor"><img src="../images/personal-tutor-x.jpg" alt="Learn about computers the easy way your very own Personal Tutor" width="163" height="34" /></div>
              <span id="concontainer33">
                <p></p>
                 </span>
              <div id="qvc2">
                <div id="vidzz">
                  <p>
                    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="309" height="263" id="FLVPlayer">
                      <param name="movie" value="../FLVPlayer_Progressive.swf" />
                      <param name="quality" value="high" />
                      <param name="wmode" value="opaque" />
                      <param name="scale" value="noscale" />
                      <param name="salign" value="lt" />
                      <param name="FlashVars" value="&MM_ComponentVersion=1&skinName=../Halo_Skin_3&streamName=../flash/demo/qvc&autoPl ay=true&autoRewind=false" />
                      <param name="swfversion" value="8,0,0,0" />
                      
                      <param name="expressinstall" value="../Scripts/expressInstall.swf" />
                      
                      
                      <object type="application/x-shockwave-flash" data="../FLVPlayer_Progressive.swf" width="309" height="263">
                        
                        <param name="quality" value="high" />
                        <param name="wmode" value="opaque" />
                        <param name="scale" value="noscale" />
                        <param name="salign" value="lt" />
                        <param name="FlashVars" value="&MM_ComponentVersion=1&skinName=../Halo_Skin_3&streamName=../flash/demo/qvc&autoPl ay=true&autoRewind=false" />
                        <param name="swfversion" value="8,0,0,0" />
                        <param name="expressinstall" value="../Scripts/expressInstall.swf" />
                        
                        <div>
                          <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
                          <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p>
                           </div>
                        
                         </object>
                      
                       </object>
                     </p>
                   </div>
              
                <p><span class="dark13">A must for every household.</span><span class="greybold"> Get yours Today</span><br />
                   <img src="../images/blue-1.gif" width="287" height="18" alt="Click a blue link on the left to view another product sample" /></p>
                <p> </p>
              </div>
              <div id="pledgecon">
                <div id="pledcon">
                  <p><span class="indexbold2" id="concontainer33">Our Guarantee</span><span id="concontainer33"><br />
                       </span></p>
                      </div>
                <div id="piccon"><img src="../images/face-2.gif" width="75" height="73" alt="Ceo Tracy Ferguson Guarantees our product" /></div>
                <div id="text1">
                  <p>We are so confident that we have the best Learn About Computers DVD on the market that we offer a full 30 day money back guarantee if you are not 100% happy with your purchase.</p>
                      </div>
                <div id="text2">
                  <p><span class="bluze">So why not take a 30 day trial today.</span></p>
                      </div>
                <div class="bolds" id="text3">
                  <p>~ Tracy Ferguson ezway.co.uk<br />
                    ''Learn today the ezway''
                    <br />
                    <br />
                        </p>
                      </div>
                <span id="concontainer33">
                  <p></p>
                   </span>
                <div id="buzz"><img src="../images/but-button-1.gif" alt="Click here to buy it now" width="146" height="42" align="right" onclick="MM_openBrWindow('../pop/buynow.html','BuyNow','width=770,height=673')" /></div>
                <p> </p>
                <p> </p>
                <p><br />
                   </p>
                <p> </p>
                <div>
                  <p class="big">Product Testimonials <br />
                    <br />
                        <span class="input1">See what others have been saying</span></p>
                   </div>
                <p> </p>
                <div id="testa"><span class="bluze5">“</span>I had just brought a new Windows PC but didn’t have a clue how to use the new features and more importantly didn’t have the time to learn, the discovery of this DVD solved that problem with all my questions answered with great easy to follow video explanations. Best of all I can get the answers to my questions whenever I need on this easy to navigate DVD<span class="bluze3">” </span><br />
                  <br />
                      <span class="dark12"><span class="blue2">David Kelly</span> from Redcar Cleveland, UK</span> </div>
                <p> </p>
                <div><span class="bluze5">“</span>Fantastic; I’m a novice when it comes to computers. I have Windows Vista but my kids couldn’t help me much with it because they have Windows XP and Vista is totally different. I bought this tutorial package to see if it could help me. It’s really good. I’m finding out things that I didn’t know were possible. The demonstration is really good. It takes you through each step by showing you and talking to you about how and where things are done. If your like me and not too sure about Vista get this package. At least you will always have it handy if you run into any problems. If it’s not for you it can always be returned.<span class="bluze3">” </span><br />
                  <br />
                      <span class="dark12"><span class="blue2">Laura McErlaine</span>,from Devon, UK</span> </div>
                <p> </p>
                <div><span class="bluze5">“</span>I bought this DVD package to see if it could help me. It's really great. I'm finding out things that I didn't know was possible. The demonstrations are simple to follow. It takes you through each step by showing you and talking to you about how and where things are done. Best of all it has an excellent parental control section and now I can keep tabs on my kids MSN and surfing habits. its also always handy if I ever run into problems. Highly recommended!<span class="bluze3">” </span><br />
                  <br />
                      <span class="dark12"><span class="blue2">Margaret Taylor</span> from Swindon</span><span class="dark12">, Wilts, UK</span> </div>
                <p> </p>
                <div><span class="bluze5">“</span>I have been using Windows for approx 5 mths now, although I managed, I did not realize how much more there was to using a computer until I purchased these DVDs. My sister has now brought one, and I have just ordered one for my brother-inlaw. This is the first time I have left a review for any of my purchases, (and there are many)<br />
Well worth the money.<span class="bluze3">” </span><br />
<br />
<span class="dark12"><span class="blue2">Niki Huchingson</span> from Cheshire</span><span class="dark12">, UK</span> </div>
                <p> </p>
                <div><span class="bluze5">“</span>That day finally came when I had to take that step and buy a computer, these days everything seem to have reference to the world wide web and I was getting left far behind in the dark ages.. The day I brought my shiny new laptop I was disappointed to find no learning aids included! It didn't even clearly show me how to switch the thing off and on.<br />
                              <br />
I bought this tutorial package to see if it could help me. It's really great. I'm finding out things that I didn't know was possible. The demonstrations are simple to follow. It takes you through each step by showing you and talking to you about how and where things are done. Best of all it has an excellent parental control section and now I can keep tabs on my kids MSN and surfing habits. its also always handy if I ever run into problems. Recommended!<span class="bluze3">” </span><br />
<br />
<span class="dark12"><span class="blue2">Beverley Web</span>, from Lancashire, UK</span></div>
                <p> </p>
                <div><span class="bluze5">“</span>Great product, does just what it says on the box. will be used as a valuable point of reference for years to come. Quick delivery good description of product very happy !!<span class="bluze3">” </span>
</p>
                  <br />
                  <br />
                            <span class="dark12"><span class="blue2">Damien Hayden</span> from Kilmarnock</span><span class="dark12">, Scotland</span></div>
                <p><span class="learnbold"><a href="file:///E:/WEBSITES%20DOWNLOADED%2030%2012%202010/WIN7%20-%20SITE%20-%2030%2012%202010/www root/index-3.html" class="dark13"><br />
</a>A must for every household<br />
                     </span><span class="dark13">''Learn today the ezway''</span><span class="learnbold"><br />
                  </span><br />
                      <img src="../images/but-button-1.gif" alt="Click here to buy it now" width="146" height="42" align="right" onclick="MM_openBrWindow('../pop/buynow.html','BuyNow','width=770,height=673')" /></p>
                <p> </p>
                <p> </p>
                <p> </p>
                <p>
<div style="text-align: center; white-space: nowrap;">
<a href="https://livechat.boldchat.com/aid/1829731387427487376/bc.chat?cwdid=3189782500275221278" target="_blank" onclick="window.open((window.pageViewer && pageViewer.link || function(link){return link;})(this.href + (this.href.indexOf('?')>=0 ? '&' : '?') + 'url=' + escape(document.location.href)), 'Chat3828307382658010510', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=600,height=400 ');return false;">
<div><script language="JavaScript" type="text/javascript"> document.write(unescape('%3Cimg alt="Live chat by BoldChat" src="' + (('https:' == document.location.protocol) ? 'https:' : 'http:') + '//cbi.boldchat.com/aid/1829731387427487376/bc.cbi?cbdid=4257079219670373462" border="0" /%3E')); </script></div>
</a>
<div><font size="1" face="Arial"><a href="http://www.boldchat.com" style="text-decoration: none"><font color="black">Chat software by </font><b><font color="#AD3100">Bold</font><font color="#003163">Chat</font></b></a></font></div>
</div>

</p>
                   <br />
                 </div>
              <div id="buttoncon"></div>
                  </div>
            <div class="col4" id="col5bb">
              <div id="videocon">
                <table id="lessonsTable" class="lessons" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td class="txtThree" height="20"><table id="lessonsTable2" class="lessons" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td height="20" colspan="5" valign="middle" bgcolor="#F1F1F1"><div id="hook">
                            <div id="hook2">
                              <div>
                                <h1 class="bluze4"><strong>Learn About Computers the Easy Way</strong></h1>
                                <p class="chapterHd">Get to grips with the newest Windows operating system with your very own Personal Tutor, this essential product will hold your hand through the whole process from the very basics to the most advanced features of Windows 7. With over 5 hours of content, topics covered include Getting started using Windows, Setting up Parental Controls, networking your PCs, Internet and email, multimedia and entertainment and also the essential tasks of protecting and maintaining your computer from viruses and other common threats. A great gift and Excellent value</p>
                                </div>
                              </div>
                          <span id="concontainer33"><br />
                               </span></div></td>
                           </tr>
                        <tr>
                          <td align="center" class="iconQuickActive" id="lessonIconActive124"> </td>
                          <td align="center" class="iconQuickActive" id="lessonIconActive124"> </td>
                          <td class="txtThree"> </td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td align="center" class="iconQuickActive" id="lessonIconActive120"> </td>
                          <td align="center" class="iconQuickActive" id="lessonIconActive120"> </td>
                          <td class="txtThree"> </td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td align="center" class="iconQuickActive" id="lessonIconActive119"><img src="../images/quick-time-image-ani.gif" alt="" width="16" height="16" /></td>
                          <td align="center" class="iconQuickActive" id="lessonIconActive119"> </td>
                          <td class="txtThree">Before watching our product clips why not view a product overview video<a href="../demo/Start-menu.html" class="bluze"> Click here</a></a></a></td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td align="center" class="iconQuickActive" id="lessonIconActive118"> </td>
                          <td align="center" class="iconQuickActive" id="lessonIconActive118"> </td>
                          <td class="txtThree"> </td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td align="center" class="iconQuickActive" id="lessonIconActive0"> </td>
                          <td align="center" class="iconQuickActive" id="lessonIconActive0"> </td>
                          <td class="txtThree"><strong class="learnbold">Part 1 - Learning the Basics - (DVD 1)</strong></td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive128" align="center" class="iconQuickActive"> </td>
                          <td id="lessonIconActive128" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree"> </td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive1" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive1" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">Introduction</td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive2" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive2" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">Getting started </td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive35" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive35" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">The Shut down options</td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive34" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive34" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">Shutting down your computer </td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive42" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive42" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">Switching accounts</td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive41" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive41" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">Logging off</td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive40" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive40" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">The Lock Feature </td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive39" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive39" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">Restarting Windows</td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive38" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive38" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">The Sleep function</td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive37" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive37" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">The Hibernate feature</td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive36" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive36" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">Exploring The Start Menu options</td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive33" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive33" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">The Search Box</td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive74" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive74" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">The Document, Pictures and Music folders</td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive73" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive73" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">The Games folder</td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive72" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive72" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">The Computer option</td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive71" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive71" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">The Control Panel</td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive70" align="center" class="iconQuickActive"><img src="../images/quick-time-image-ani.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive70" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree"><a href="../demo/Device_Printers.html" class="bluze">Devices and printers <span class="italics">(View sample)</span></a></td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive69" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive69" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">The Default Programs option</td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive68" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive68" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">The Help and Support option</td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive67" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive67" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">Exploring the rest of the desktop interface</td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive66" align="center" class="iconQuickActive"><img src="../images/quick-time-image-ani.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive66" align="center" class="iconQuickActive"> </td>
                          <td class="bluze"><a href="../Demo/Taskbar.html" class="bluze">What is the Windows Taskbar<a href="../Demo/Taskbar.html" class="bluze"><span class="italics">(View sample)</span></a></a></td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive65" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive65" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">Using WordPad</td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive64" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive64" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">The Paint program</td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive31" align="center" class="iconQuickActive"><img src="../images/quick-time-image-ani.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive31" align="center" class="iconQuickActive"> </td>
                          <td class="bluze"><a href="../Demo/Taskbar_Features.html" class="bluze">Advanced Taskbar features<a href="../Demo/Taskbar_Features.html" class="bluze"><span class="italics">(View Sample)</span></a></a></td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive63" align="center" class="iconQuickActive"><img src="../images/quick-time-image-ani.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive63" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree"><a href="../Demo/Resizing_Windows.html" class="bluze">Movinq & Resizing Windows <a href="../Demo/Resizing_Windows.html" class="bluze"><span class="italics"> (View sample)</span></a></a></td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive62" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive62" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">The snap feature</td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive61" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive61" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">Hide windows feature</td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive60" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive60" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">The shake feature</td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive59" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive59" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">The Pin to taskbar feature</td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive58" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive58" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">The Jump lists feature</td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive57" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive57" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">The Open with feature</td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive56" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive56" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">Windows Shortcuts </td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive55" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive55" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">The Move icon feature</td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive54" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive54" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">The Show desktop feature</td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive53" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive53" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">The Flip 3D feature</td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive52" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive52" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">Closing tabs</td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive51" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive51" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">The Notification Area</td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive50" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive50" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">Customising the taskbar</td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive49" align="center" class="iconQuickActive"><img src="../images/quick-time-image.gif" alt="" width="16" height="16" /></td>
                          <td id="lessonIconActive49" align="center" class="iconQuickActive"> </td>
                          <td class="txtThree">Lock the taskbar</td>
                          <td align="right" class="textOne"> </td>
                          <td> </td>
                           </tr>
                        <tr>
                          <td id="lessonIconActive48" align="center" class="ico

Preview problem in Internet Explorer

So I was building a website using CS6. So far so good, however problems arise when I preview them.
The website looks exactly what I wanted in Dremaweaver's Live View and Google Chrome. But in Internet Explorer, there are a few problems;
(these problems do not occur at the same time, they occur at different version of Windows but all using IE)
1 The bottom of the webpage is not fully shown. There should be a footer <div> which can be seen in Live View and Chrome however not in IE. It looks as if you are printing something and it just stopped halfway.
2 In my webpage there are rollover images which glow when your mouse moves over them. A border appears around the images in IE but not in Live View or Chrome.
Any help is much appreciated. Thanks

It turns out my parents had set the text size in Internet Explorer to 'Largest' as a result the footer <div> can't be seen. Once changed back to 'Medium' the footer <div> is visible again. So the first case is solved but still thanks for the guidance given.
Just be aware that others besides your parents will also want to use Largest. If your site layout breaks when this setting is chosen, then you might want to reconsider the layout. Increasing text size by one tick in Safari on my Mac causes the footer to drop below the bottom of the screen without a scrollbar.
I suspect that you might want to do two things to eliminate this problem:
1. Remove the overflow:hidden style (why are you using that?)
2. Remote the max-height style (why are you using that?)
Both of these styles are applied to the div#container element.

Float layout causing problems in internet explorer 5, 5.5 and 6

Similar Messages

Maybe you are looking for