Internet explorer css row positioning

http://country-gallery.com/
On my index page, the box with our photo and where it says We update this site every day....is supposed to be in a row below the columns. I have tried to fix this issue with absolute positioning and clearing the float, but it doesn't help. Works perfectly in all other browsers.
In IE, it becomes a column.
How to fix in the css? Right now I have this div like so:
.borgeandjanet {
    width: 55%;
    background-color: FFF;
    float: left;
    margin-bottom: 0px;
    padding-left: 10px;
    font-size: 0.9em;
    clear: both;
    position: absolute;
    height: 140px;

yes thanks trying to not use absolute positioning
now i have the row floating below the columns, but...now it is floating to the left and not the right and I can't get it back over again!
http://www.country-gallery.com/
I have the section which starts with 'We update this site everyday' floating to the left and it needs to float right!
.borgeandjanet {
clear:both;
height:auto;
width: auto;
float:right;

Similar Messages

Internet Explorer, Css, and Link colour.

Hey Everyone,
I'm not sure if this has already been discussed, I'm sure it has been but I couldn't find it. I've built a website in dreamweaver, I've uploaded it online, everything looks great, except in Internet Explorer. In IE the link colour is different that what I designed, it's as if IE is overwriting what I have written into css/html. Is there coding to stop this? I know there must be something, but I can't find anything online.... any help will be super helpful!
Thanks,
Anna

This is a duplicate post, but your earlier one was attached to a thread that's more than a year old, so I'm locking the other thread.
Please do not post the same question twice in the same forum.
For help with your links, you need to post a URL to the problem site.

Positioning and internet explorer-CSS

Hello! I'm a newbie to CSS (and to Dreamweaver, actually).
I'm trying to create a dropdown (aka suckerfish) menu for a site. I
was able to do this easily in GoLive using the MenuMachine plug-in,
but I have not found a similar plug-in for Dreamweaver that works
on a Mac, and I have to stick with Dreamweaver 8 for monetary
reasons (no spry thingies for me right now) so I'm trying to learn
the CSS coding for it. I'm working my way slowly through some
online tutorials. Currently, I've managed to make it somewhat work
in Safari & Firefox, but not Explorer. So I started working my
way back, and I noticed that the placeholder dropdowns are somehow
throwing off the positioning of my main text container. (I have not
set the dropdowns to appear and disappear here--I'm just trying to
get them to sit there for now.) I have tried a bunch of different
positioning things in the menu container and the navigation
container, but I can't figure it out--the main text container
either jumps way over to the left, or way over to the right. Can
anyone tell me what I should fix? Thanks!
this one jumps to the right:
http://www.christineu.com/dw_practice/tina_exhib_practice7d.html
this one jumps to the left:
http://www.christineu.com/dw_practice/tina_exhib_practice7dd.html
this is how it worked before I added the dropdowns--looks
halfway decent:
http://www.christineu.com/dw_practice/tina_exhib_practice7c.html
thanks again!
Christine

Just to update--I fixed the problem. I added "clear:both" to
the main text container div, and it is landing in the right place
now.
http://www.christineu.com/dw_practice/tina_exhib_practice7ddd.html
I am currently doing a "clear/float" tutorial, so maybe I'll
understand the concepts better after that.
http://www.computerarts.co.uk/tutorials/premium_content/web__and__new_media/css-based_layo uts_in_dreamweaver_mx_2004

Internet Explorer immediately launches when try to open the desktop from the Start screen

When I log onto my computer, instead of the Start screen opening, the Desktop opens, AND when the Desktop opens, Internet Explorer immediately launches there.
Other times, when I log-on, my computer will open on the Start screen, but then immediately launches Internet Explorer on the Start screen. I didn't click any Internet Explorer icons."
Also, when I am doing something on the Start screen and decide I want to go to the Desktop and I click the "Desktop tile" it switches me to the Desktop and launches Internet Explorer. Again, I didn't click the Internet Explorer tile.
(I just wanted to go to the blank Desktop.)
There is something telling my computer to always open Internet Explorer first. When I tried a warm boot, the problem went away momentarily, but returned after a few days"

Hi,
What is your current situation?
Have you checked the suggestions by Robert?
When opening PC the start menu will automatically start Internet Explorer in APP mode, and if we set Internet Explorer to open in desktop mode, then it will automatically open under desktop when start?
As we have no Internet Explorer in startup configured, so it won't start by itself. We may try to replace Internet Explorer item's position on the start menu with a different APP, then check what happens(drag and drop the desktop icon on the place of the
Internet Explorer);
Is the MSN webpage your home page here? If not, then there might be some application on the startup automatically launches this page, we may take a try to disable one at a time to check; and if this is your default home page, try to replace it with another
one, then change it back.
From the last response of
this thread , it seems this is more related with the webpage than the browser?
Best regards
Michael Shao
TechNet Community Support

CSS Positioning in Internet Explorer 7

Everything seems to be fine in Firefox on both Mac and PC,
but when I tried viewing things on my home pc in Explorer, my divs
are out of whack. I recently added a slideshow function I found,
but I don't think that caused the problems since it doesn't control
my style sheet.
The div "photo gallery" has been pushed down to the left,
where it is supposed to be to the right of the slideshow.
The link to my page is
http://www.php.wmsgroup.com/eofd6.org/
CSS is attached.
Thanks in advance!

Hi again!
This turns out not to be an APEX-issue, as I tought first, but rather a css-problem. Maybe therefore I'm in the wrong forum, but maybe someone can help me anyway.
I have created two pages with the relevant element: (login with test/test please) one page with standard tabs and another with my own html-navigation. Now Internet Explorer has the option "Compatibility View" which in our company is activated by default. On page 1 it makes no difference, but on the second, with Compatibility View on, the drop-down box apeares behind my selfimplemented navigation bar. WHY IN GODS NAME DOES THIS HAPPEN??
I have posted the same question in a german web-developer forum (here) also, because its quite urgent that I solve this, and as I mentioned above, many colleagues work with IE.
So if anyone here is a css-IE9-expert... :)
Thanks and best regards,
Tobi
edit: ok, its solved. The userpanel-div needed a "z-index:1;" attribute for IE. :)
Edited by: tpetri on 03.09.2012 09:53

Css problem in internet explorer

Hi to all!
On my page as part of the page template I have build in a little drop-down user panel on the left top of the page.
html:<div id="userpanel">
<span><img src="'#APP_IMAGES#openSlidedown.png" /> <a>logon: &APP_USER.</a>
<div id="userpanel_hsreg"><p>Autorisiert für: &APP_CODES_DISP.</p>
<p>| #NAVIGATION_BAR#</p>
</div></span>
</div>css:#userpanel,
#userpanel * {
        position:relative;
     font-family:verdana; font-size:12px;
     margin:0; padding:1px; border:0;
     white-space:nowrap;
#userpanel a,
#userpanel span { display:inline-block; }
#userpanel>span>a { color:#999; }
#userpanel span:hover div { display:block; }
#userpanel>span:hover > a { color:black; }
#userpanel_hsreg {
          display:none;
          position:absolute;
          left:+5px;
          top:+24px;
          background:#fff;
          padding:10px 18px;
          line-height:180%;
          border:1px solid silver;
          border-radius: 6px;
          box-shadow:1px 2px 5px #aaa;
          z-index:99;
#userpanel>span>a {
          border-bottom:1px solid silver;
          margin-top: 5px;
          }So what happens is this: if the user hovers over the "+logon: username+", a little box pops up with some further information (the item &APP_CODES_DISP.) and the logout-link. Below this link, the Navigation bar starts. So while the box pops up, it covers a part of the region below, what its meant to do.
The promlem is, that this doesnt work in Internet Explorer properly, when its launched from apex. Instead, the popup-box is displayed behind the region below. In Mozilla, as always, everything worls fine. This problem ocured already, when I opened the html-file from desktop, but I fixed that by putting the z-index-attribute in. Only now, in Apex, its still now working in IE. I am not that of an expert in css. I have tried different XHTML declarations in the header, all no difference.
The current one:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">This might be a bit of a tricky issue, so I dearly hope, someone can help me. (Similar problem like the other threat I started recently here where the round-corner attribute is not working in IE-Apex, but this time its a bit more vital. :) )
I have v 4.0.2.
Thanks and greetings,
tobi

Hi again!
This turns out not to be an APEX-issue, as I tought first, but rather a css-problem. Maybe therefore I'm in the wrong forum, but maybe someone can help me anyway.
I have created two pages with the relevant element: (login with test/test please) one page with standard tabs and another with my own html-navigation. Now Internet Explorer has the option "Compatibility View" which in our company is activated by default. On page 1 it makes no difference, but on the second, with Compatibility View on, the drop-down box apeares behind my selfimplemented navigation bar. WHY IN GODS NAME DOES THIS HAPPEN??
I have posted the same question in a german web-developer forum (here) also, because its quite urgent that I solve this, and as I mentioned above, many colleagues work with IE.
So if anyone here is a css-IE9-expert... :)
Thanks and best regards,
Tobi
edit: ok, its solved. The userpanel-div needed a "z-index:1;" attribute for IE. :)
Edited by: tpetri on 03.09.2012 09:53

Menu positioning problem when viewing in Internet explorer on a pc

Hi guys,
I have created a website for a football team and I am having problems with the menu. It looks fine in all browsers apart from Internet Explorer. The menu positioning is meant to be on the left hand side but shows far right on the screen when viewed in Internet Explorer. Does anyone know how I can resolve this issue?
http://www.stormersfc.co.uk
css sheet - http://www.stormersfc.co.uk/style.css
Hopefully someone can help.
Cheers,
Roy

Hummm....its difficult to tell. Youre using so many redundant css styles ie not needed.
Youre 'leftPan' <div> container is 140px in width but your ul (unordered list inside it is 244px wide?
Why set widths and heights when they are not needed. You have no idea what height the ul and li will be in other users browsers. A child element placed inside a parent container will stretch to the full width without specifying a width for the child element. The key to web deisgn is keeping all the maths 100% correct. If you so much as get anything out by even one px it could break the design.
#leftPan{
     margin-left: 90px;
     width: 140px;
#leftPan ul{
     width:244px;
     height:250px;
     background-position: 0 0;
     padding-top: 0px;
     padding-right: 0;
     padding-bottom: 0;
     padding-left: 0;
     margin-top: 1px;
     text-decoration: none;
I see no reason why your based structure ie the 'container', 'header', 'mainpic', sidebar1 and 'mainContent' should not work in all browsers. Now what you have inside those may be casuing the conflict. I would strip the page back to the base structure (check that it does work in all browsers) then begin to fill the containers, checking as you go.

I'm developing a web site using MVC3 & Razor, but my css changes do not show up on FireFox, but do on Chrome & Internet Explorer - How can I get Razor to render correctly on FireFox?

I don't have a public version as I'm just staring development.
For an example I have completed the walk-thru at [http://www.asp.net/mvc/tutorials/getting-started-with-ef-using-mvc/updating-related-data-with-the-entity-framework-in-an-asp-net-mvc-application]. Then I tried changing minor items in site.css (such as font size) and the changes did not show up on FireFox, but do show up on Chrome and Internet Explorer.
Example of change below: I changed the background from #e8eef4 to #ff0000. The table header background shows up in red for chrome & IE, but stay in light blue for FireFox.
<code>
table th {
padding: 6px 5px;
text-align: right;
background-color: #ff0000;
border: solid 1px #e8eef4;
</code>

You can also reload web page(s) and bypass the cache.
*Press and hold Shift and left-click the Reload button.
*Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
*Press "Cmd + Shift + R" (MAC)

I want to put a row of my favourites at the top of the screen like the favourites bar in internet explorer !!

when i use internet explorer I get an irritating message saying internet explorer has stopped working, which is driving me mad so I will not use explorer any more I am trying mozilla firefox, there is a function in explorer that I like which is a favourites bar below the row of open windows below the address bar can this be activated in firefox thanks PC.

Yes, you can rearrange / move the elements of the default Firefox Toolbars and combine to save space by using the Customize mode, see this. <br />
https://support.mozilla.com/en-US/kb/How+to+customize+the+toolbar <br />
http://kb.mozillazine.org/Toolbar_customization
As far as the Site Advisor add-on - with add-on Toolbars your results will vary depending upon the Toolbar add-on. Some Toolbar developers do a minimal job and their product isn't as customizable to the extent that Firefox provides for; where other Toolbar add-ons were done the "right way" and they are as customizable as the default Firefox Toolbars.

Spry Alignment and Positioning Problem in Internet Explorer 6 and 7

I am designing a website at http://atoment.007gb.com, and neither me, nor my partner can figure out why the Spry Horizontal Menu Bar is loading the way it is in Internet Explorer. We are doing this for a school project, and eye appeal and workability is a top priority. I changed and customized most of it, but even if i did keep it the same, it still wouldn't work. I have only the best confidence, that even given the amount i have changed, you will still be able to help me with my alignment problem.
The Submenu Buttons Tile across the page, when they are supposed to go straight down...
the Submenu overlaps the main menu when you hover over it
and the darned thing wont center in any of my browsers, but thats the least of my worries.
Here is the CSS Codes
#MasterNavigator {
width: 1024px;
height: 75px;
#Navigator {
margin-left: auto;
margin-right: auto;
clear: both;
#NavigatorButtonsLeft {
background-image: url(../_images/MenuButtonBackgroundLeft.png);
width: 128px;
height: 36px;
line-height: 36px;
text-align: center;
vertical-align:center;
#NavigatorButtonsMiddle {
background-image: url(../_images/MenuButtonBackground.png);
width: 128px;
height: 36px;
line-height: 36px;
text-align: center;
vertical-align:center;
#NavigatorButtonsRight {
background-image: url(../_images/MenuButtonBackgroundRight.png);
width: 128px;
height: 36px;
line-height: 36px;
text-align: center;
vertical-align:center;
#NavigatorButtonsSub {
background-image:url(../_images/SubMenuButtonBackground.png);
width: 128px;
height: 35px;
line-height: 36px;
text-align: center;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
And here is my HTML code:
Home
Publishing
Videos
Patents
Wallpapers
Avatars
Userbars
Digital Design
Digital Gallery
3-D Gallery
Sci-Fi
Technology
Structures
Vehicles
Concepts
Web Design
Templates
Graphics
About Us
Atom Enterprises
Slamerz
The images I used are 20% Transparent, and are listed below.
http://atoment.007gb.com/_images/MenuButtonBackgroundLeft.png
http://atoment.007gb.com/_images/MenuButtonBackground.png
http://atoment.007gb.com/_images/MenuButtonBackgroundRight.png
http://atoment.007gb.com/_images/SubMenuButtonBackground.png
Please try your best to help me.

0087adam wrote:
ok, but how can I make it work with what I have. All the css codes are the
same, they just have been renamed.
The original SpryMenuBarHorizontal.css does not have any issues in any of the browsers. If you go and modify the original, and it does not work anymore, then the logical conclusion is that you have made one or (more likely) multiple mistakes.
In other words, you cannot make it work with what you already have.
My advice is that you replace the original CSS and work from there; but instead of changing the original CSS, make your changes in a separate stylesheet so that you can monitor and test the code at each change. For instance if you want to change the colour of the text you make a style rule that overrides the original in your new stylesheet as follows:
ul.MenuBarHorizontal a {
    color: #333;
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {
    color: #FFF;
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
    color: #FFF;
If you want to change the background colour to an image, then follow the same procedure, testing your code at each step.
I hope this helps.
Ben

CSS wont work in Internet Explorer

HI, i've probably just domne something stupid here, but i
have a website which looks fine in every browser, but when it comes
to Internet explorer it totally ignores any CSS i have set up so
the page looks stupid
Can anyone enlighten me on this phenomenon please? lol
I hate IE. things would b so much easier if Internet Explorer
didnt exist

When you find lists like that getting too long, it means -
1. You are not using CSS optimally, and
2. You are using too many fonts
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"The Scribe" <[email protected]> wrote in
message
news:ejvnq8$cj6$[email protected]..
> ok i'll have a look at validating it. yeah i realise i
have been a bit
> sloppy
> on the CSS side, ive been creating it on the fly just to
get it up online
> n
> looking like it should really. im gunna go back later n
neaten it up a
> bit,
> using the header tags and better labels.
>
> the images are very heavy too so im trying to optimise
them. I created
> seperate style sheets to deal with the seperate colours
because the list
> of
> different fonts etc was getting a bit long, but i
suppose i shouldnt have
> worried.
>
> Cheers ill have a look at it
>

Why do pictures appear in the wrong position in Firefox but in right place in Internet Explorer?

I am running Internet Explorer 8 and Firefox 3.6.6 and have been looking at the following website www.finningley.org and on the home page there is a picture of an aeroplane that appears in the correct place on Internet Explorer but is over the text in Firefox. I have tried changing the resolution but Firefox always looks incorrect whereas I E is fine. What can be done to solve this issue?

The overlapping is caused by the fixed height of the containing DIV:
<pre><nowiki><div style="border-style: inset; width:645px; height:127px"></nowiki></pre>
If you leave out the height then it looks much better.<br />
<pre><nowiki><div style="border-style: inset; width:645px;"></nowiki></pre>
I don't know if you can make that gallery work properly with scroll buttons.

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

Dreamweaver tables not displaying correctly in internet explorer browser, please help!!!!

Could someone please help me with this issue i've been having for almost a year now and can't find any information on getting this fixed, for some reason the features specs and required tables rows are not displaying correctly, the image is out of aligned when viewing the results using the internet explorer browser only, the firefox browser works just as needed but when i try to view the same code in IE the tables are not aligned properly and the text is not margined correctly either, i tried playing around with the css style that i have and no results. Please help me fix this issue so that my page would display in internet explorer just like under Firefox. Below are the pictures of the problem i'm having.
This picture shows how i want it displayed on the internet explorer and firefox browser:
Here is results in firefox browser:
Here is results in internet explorer browser:
As you can see the tables are all messed up, text is not centered properly even if i coded it right.
Here is the coding for this page:
PLEASE HELP ME OUT WITH THIS PROBLEM, I NEED TO FIGURE OUT HOW TO MAKE INTERNET EXPLORER TO DISPLAY THE INFORMATION CORRECTLY JUST LIKE FIREFOX?
<style type="text/css">

</style>
<body>
<table width="935" border="0">
<tr>
<td><img src="http://www.ehobbyplanet.com/eBay/Layout/eHobbyShortHeader.jpg" width="928" height="165" /></td>
</tr>
<tr>
<td height="44" align="center" valign="middle" class="title">HPI 1/5 Baja 5T Gas Truck RTR<td></td>
</tr>
<tr>
<td height="31" align="center" valign="middle" class="number">HPI Item #10620<td width="10"></td>
</tr>
</table>
<table width="925" height="326" border="0">
<tr>
<td width="16"> </td>
<td width="549"><img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-1md.jpg" width="549" height="429" id="mainPic"/></td>
<td width="35"> </td>
<td width="1559"><p><img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-1sm.jpg" width="116" height="85" onClick="changePic('Image-1')"/> <img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-2sm.jpg" width="116" height="85" onClick="changePic('Image-2')"/></p>
<p><img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-3sm.jpg" width="116" height="85" onClick="changePic('Image-3')"/> <img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-4sm.jpg" width="116" height="85" onClick="changePic('Image-4')"/></p>
<p><img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-5sm.jpg" width="116" height="85" onClick="changePic('Image-5')"/> <img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-6sm.jpg" width="116" height="85" onClick="changePic('Image-6')"/></p>
<p><img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-7sm.jpg" width="116" height="85" onClick="changePic('Image-7')"/> <img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-8sm.jpg" width="116" height="85" onClick="changePic('Image-8')"/></p>
<p class="text">Click to enlarge picture</p></td>
</tr>
</table>
<table width="928" height="124" border="0">
<tr>
<td height="320" class="description"><p>HPI Racing is proud to present the Baja 5T, a <strong>ready-to-run</strong> (RTR) 1/5th scale off-road truck that expands on the award-winning Baja 5B family. With the Baja 5T you get aggressive desert truck looks, high performance new features, and compatibility with many of the existing Baja 5B spare parts and option parts, wrapped up in a RTR package that gets you running in just a few minutes.</p>
<p>Includes: HPI Baja 5T RTR Truck with 1.6 cu in gasoline engine, 27MHz FM Radio, two water resistant servos, 3.4oz (100cc) 2-cycle oil, 2oz (60cc) shock oil, 1oz (30cc) diff oil, 1oz (30cc) air filter oil, tube of gear grease, 3000mAh receiver pack, wall charger, body with wing, extra air filter, wrenches, decal sheet and illustrated instruction manual.</p></td>
</tr>
</table>
<table width="928" border="0">
<tr>
<td width="290"> </td>
<td width="17"> </td>
<td width="292"> </td>
<td width="17"> </td>
<td width="290"> </td>
</tr>
<tr>
<td align="center" class="features">Features:</td>
<td align="center"> </td>
<td align="center"><span class="features">Specifications:</span></td>
<td align="center"> </td>
<td align="center"><span class="features">Required:</span></td>
</tr>
<tr>
<td height="526" class="featurebackground"><ul>
<li>Ventilated Disc Brake System</li>
<li>Heavy Duty Rear Dogbones</li>
<li>Moulded Nylon Rear Spoiler</li>
<li>Aluminum Alloy Diff Case</li>
<li>Dirt Guards</li>
<li>Full Metal Ball Bearings</li>
<li>Front & Rear Sway Bars</li>
<li>Modified Rear Shock Tower</li>
<li>Heavy Duty Inner Foam</li>
<li>Revised Gearing</li>
<li>High Flow Muffler</li>
<li>SFL-10MG2 Metal Gear Steering Servo</li>
<li>Heavy Duty Beadlocks</li>
<li>8000 RPM Clutch</li>
<li>Anodized Aluminum Parts</li>
<li>Double Wishbone Suspension</li>
<li>Adjustable Suspension</li>
<li>Baja 5T-1 Truck Body</li>
<li>Extended Roll Cage</li>
<li>Outlaw Truck Wheels / Desert Buster Tires</li>
<li>Fuelie 26 Engine (26cc)</li>
<li>All Metal Transmission Gears</li>
<li>High Quality Radio Gear</li>
</ul>
<td> </td>
<td class="featurebackground"><ul>
<li>Drive System: 2WD viscous Diff</li>
<li>Tires (front & rear): Truck Wheels / Desert Buster</li>
</ul>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p></td>
<td> </td>
<td class="featurebackground">
<ul>
<li class="featurebackground">Unleaded Gasoline: 87-93 octane, mix gasoline with two cycle oil at 25:1 ratio</li>
<li class="featurebackground">Transmitter Batteries: 8x AA</li>
<li class="featurebackground">Screwdriver: Flat blade, 3/16" (4-5mm) wide</li>
</ul>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p></td>
</tr>
</table>
<table width="928" height="621" border="0">
<tr>
<td> </td>
</tr>
<tr>
<td height="135" background="http://www.ehobbyplanet.com/eBay/Layout/ePaymentMethod.jpg" class="policy"><p>We accept Visa, Mastercard and Discover Card and PayPal. If your unable to send payment using these methods please contact us at [email protected]. All payments need to be sent within 5 days.
</p>
<p> </p></td>
</tr>
<tr>
<td height="21"> </td>
</tr>
<tr>
<td height="220" background="http://www.ehobbyplanet.com/eBay/Layout/eNormalShipping.jpg" class="policy"><p>All our orders are shipped out within 72 business hours unless stated. We ship everything out using the best packaging material to insure safe deliveries using shipping companies such as USPS Postal Office and UPS services (Shipping times will vary depending on the service you choose). Tracking information will be automatically sent via email after an order has been shipped out. We Definitely Combine Shipping for multiple items, if for some reason our eBay checkout isn’t combining your items please wait for a custom eBay invoice which will have your order combined into one, reducing the shipping price. For international customers, please note: "that Import duties, taxes, and charges are not included in the item price or shipping charges. These charges are the buyer's responsibility. Check with your country's customs office to find out what these additional costs will be before you bid or buy".</p>
<p>Please Note for International Customers Only: Due to the large size of this item there are several countries that have a size limitation which we are not able to ship to, if by any means your order goes through to us and it falls in the country size restrictions and your order cannot be shipped out we have the right to cancel your order (before cancelling the order we will contact the customer via email).</p></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td height="104" background="http://www.ehobbyplanet.com/eBay/Layout/eInsurance.jpg" class="policy">We offer insurance which is optional during checkout for both Domestic and International customers which will cover the full amount paid by customer, if insurance isn't purchased we are not responsible for packages that are missing during transit. If you use the USPS First Class Mail International shipping service please allow 10 - 25 business days for the delivery of your package.</td>
</tr>
<tr>
<td height="21"> </td>
</tr>
<tr>
<td height="135" background="http://www.ehobbyplanet.com/eBay/Layout/eReturns.jpg" class="policy">We want you to be completely happy with your purchases. So we do everything we can to assure you get the exact merchandise you order, delivered on time. If by any means your unsatisfied with your purchase we will be happy to accept returns for an exchange or a refund within 14 days. If shipping the item back, customer is responsible for freight charges to us. We offer refunds & exchanges if your not satisfied with your purchase. The returned product needs to be in the same condition it was shipped out in, unused and in it’s original packaging. If by any chance there has been an issue with your order and you want to request a return please email us at [email protected].</td>
</tr>
</table>
</body>
<script type="text/javascript">
if(document.images) {
tempImage = new Image();
tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-1md.jpg";
tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-2md.jpg";
tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-3md.jpg";
tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-4md.jpg";
tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-5md.jpg";
tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-6md.jpg";
tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-7md.jpg";
tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-8md.jpg";
function changePic(newName) {
newPicURL = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/"+newName+"md.jpg";
mainPic.src = newPicURL;
</script>
Here is my contact information:
Paul
[email protected]

Try this without the border images and it will work in all browsers with increased text size. That's assuming eBay supports embedded CSS styles (which I'm not convinced they do). Inline styles are safer IMHO.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
.title {
background-image: url(http://www.ehobbyplanet.com/eBay/Layout/Title.jpg);
background-position: center center;
font-size: 24px;
font-weight: bold;
color: #FFF;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
vertical-align: middle;
h2 {font-size:1.7em; color:#000; margin-top:0em; margin-bottom: 2px;}
ul,li {
font-size:14px;
list-style:disc;
line-height:1.5;
font-family: "Times New Roman", Times, serif;
.description {
font-family: "Times New Roman";
font-size: 16px;
line-height: 1.2;
font-weight: bold;
color: #000;
text-align: left;
vertical-align: middle;
border: 4px solid red;
padding: 0 20px 20px 20px;
.text {
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 14px;
font-weight: bold;
color: #F00;
text-indent: 2em;
.features {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-style: italic;
font-weight: bolder;
text-decoration: underline;
color: #666666;
line-height: 3em;
.featurebackground {
padding-right: 10px;
border: 4px solid red;
width: 200px;
vertical-align: top;
padding-top: 1em;
.policy {
border: 4px solid red;
margin-top: -2em;
.fsr_style { font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
background-color: #FFFFFF;
padding-top: 5em;
padding-right: 20px;
border: 4px solid red;
.number {
.policy {
font-family: "Times New Roman", Times, serif;
font-weight: normal;
font-size: 14px;
padding: 0 20px 20px 20px;
</style>
</head>
<body>
<table width="935" border="0">
<tr>
<td><img src="http://www.ehobbyplanet.com/eBay/Layout/eHobbyShortHeader.jpg" width="928" height="165" /></td>
</tr>
<tr>
<td height="44" align="center" valign="middle" class="title">HPI 1/5 Baja 5T Gas Truck RTR</td><td></td>
</tr>
<tr>
<td align="center" valign="middle" class="number">HPI Item #10620</td><td width="10"></td>
</tr>
</table>
<table width="925" border="0">
<tr>
<td width="16"> </td>
<td width="549"><img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-1md.jpg" width="549" height="429" id="mainPic"/></td>
<td width="35"> </td>
<td width="1559"><p><img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-1sm.jpg" width="116" height="85" onclick="changePic('Image-1')"/> <img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-2sm.jpg" width="116" height="85" onclick="changePic('Image-2')"/></p>
<p><img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-3sm.jpg" width="116" height="85" onclick="changePic('Image-3')"/> <img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-4sm.jpg" width="116" height="85" onclick="changePic('Image-4')"/></p>
<p><img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-5sm.jpg" width="116" height="85" onclick="changePic('Image-5')"/> <img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-6sm.jpg" width="116" height="85" onclick="changePic('Image-6')"/></p>
<p><img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-7sm.jpg" width="116" height="85" onclick="changePic('Image-7')"/> <img src="http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-8sm.jpg" width="116" height="85" onclick="changePic('Image-8')"/></p>
<p class="text">Click to enlarge picture</p></td>
</tr>
</table>
<table width="928" border="0">
<tr>
<td class="description"><h2>Description</h2>
<p>HPI Racing is proud to present the Baja 5T, a <strong>ready-to-run</strong> (RTR) 1/5th scale off-road truck that expands on the award-winning Baja 5B family. With the Baja 5T you get aggressive desert truck looks, high performance new features, and compatibility with many of the existing Baja 5B spare parts and option parts, wrapped up in a RTR package that gets you running in just a few minutes.</p>
<p>Includes: HPI Baja 5T RTR Truck with 1.6 cu in gasoline engine, 27MHz FM Radio, two water resistant servos, 3.4oz (100cc) 2-cycle oil, 2oz (60cc) shock oil, 1oz (30cc) diff oil, 1oz (30cc) air filter oil, tube of gear grease, 3000mAh receiver pack, wall charger, body with wing, extra air filter, wrenches, decal sheet and illustrated instruction manual.</p></td>
</tr>
</table>
<table width="928" border="0">
<tr>
<td width="290"> </td>
<td width="17"> </td>
<td width="292"> </td>
<td width="17"> </td>
<td width="290"> </td>
</tr>
<tr>
<td align="center"><span class="features">Features:</span></td>
<td align="center"> </td>
<td align="center"><span class="features">Specifications:</span></td>
<td align="center"> </td>
<td align="center"><span class="features">Required:</span></td>
</tr>
<tr>
<td class="featurebackground"><ul>
<li>Ventilated Disc Brake System</li>
<li>Heavy Duty Rear Dogbones</li>
<li>Moulded Nylon Rear Spoiler</li>
<li>Aluminum Alloy Diff Case</li>
<li>Dirt Guards</li>
<li>Full Metal Ball Bearings</li>
<li>Front & Rear Sway Bars</li>
<li>Modified Rear Shock Tower</li>
<li>Heavy Duty Inner Foam</li>
<li>Revised Gearing</li>
<li>High Flow Muffler</li>
<li>SFL-10MG2 Metal Gear Steering Servo</li>
<li>Heavy Duty Beadlocks</li>
<li>8000 RPM Clutch</li>
<li>Anodized Aluminum Parts</li>
<li>Double Wishbone Suspension</li>
<li>Adjustable Suspension</li>
<li>Baja 5T-1 Truck Body</li>
<li>Extended Roll Cage</li>
<li>Outlaw Truck Wheels / Desert Buster Tires</li>
<li>Fuelie 26 Engine (26cc)</li>
<li>All Metal Transmission Gears</li>
<li>High Quality Radio Gear</li>
</ul>
</td>
<td> </td>
<td class="featurebackground"><ul>
<li>Drive System: 2WD viscous Diff</li>
<li>Tires (front & rear): Truck Wheels / Desert Buster</li>
</ul>
</td>
<td> </td>
<td class="featurebackground">
<ul>
<li>Unleaded Gasoline: 87-93 octane, mix gasoline with two cycle oil at 25:1 ratio</li>
<li>Transmitter Batteries: 8x AA</li>
<li>Screwdriver: Flat blade, 3/16" (4-5mm) wide</li>
</ul>
</td>
</tr>
</table>
<table width="928" border="0">
<tr>
<td> </td>
</tr>
<tr>
<td class="policy"><h2>Payment Method </h2>
<p>We accept Visa, Mastercard and Discover Card and PayPal. If your unable to send payment using these methods please contact us at [email protected]. All payments need to be sent within 5 days.
</p></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td class="policy"><h2>Shipping & Handling </h2>
<p>All our orders are shipped out within 72 business hours unless stated. We ship everything out using the best packaging material to insure safe deliveries using shipping companies such as USPS Postal Office and UPS services (Shipping times will vary depending on the service you choose). Tracking information will be automatically sent via email after an order has been shipped out. We Definitely Combine Shipping for multiple items, if for some reason our eBay checkout isn’t combining your items please wait for a custom eBay invoice which will have your order combined into one, reducing the shipping price. For international customers, please note: "that Import duties, taxes, and charges are not included in the item price or shipping charges. These charges are the buyer's responsibility. Check with your country's customs office to find out what these additional costs will be before you bid or buy".</p>
<p>Please Note for International Customers Only: Due to the large size of this item there are several countries that have a size limitation which we are not able to ship to, if by any means your order goes through to us and it falls in the country size restrictions and your order cannot be shipped out we have the right to cancel your order (before cancelling the order we will contact the customer via email).</p></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td class="policy"><h2>Insurance</h2>
<p>We offer insurance which is optional during checkout for both Domestic and International customers which will cover the full amount paid by customer, if insurance isn't purchased we are not responsible for packages that are missing during transit. If you use the USPS First Class Mail International shipping service please allow 10 - 25 business days for the delivery of your package.</p></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td class="policy"><h2>Returns</h2>
<p>We want you to be completely happy with your purchases. So we do everything we can to assure you get the exact merchandise you order, delivered on time. If by any means your unsatisfied with your purchase we will be happy to accept returns for an exchange or a refund within 14 days. If shipping the item back, customer is responsible for freight charges to us. We offer refunds & exchanges if your not satisfied with your purchase. The returned product needs to be in the same condition it was shipped out in, unused and in it’s original packaging. If by any chance there has been an issue with your order and you want to request a return please email us at [email protected].</p></td>
</tr>
</table>
</body>
</html>
<script type="text/javascript">
if(document.images) {
tempImage = new Image();
tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-1md.jpg";
tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-2md.jpg";
tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-3md.jpg";
tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-4md.jpg";
tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-5md.jpg";
tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-6md.jpg";
tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-7md.jpg";
tempImage.src = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/Image-8md.jpg";
function changePic(newName) {
newPicURL = "http://www.ehobbyplanet.com/Items/RC/HPI/10620/"+newName+"md.jpg";
mainPic.src = newPicURL;
</script>
That's the best solution I can offer.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb

My verticle Spry menu will not work in Internet Explorer

I know a lot of people have posted about similar issues, and I've researched multiple "solutions" on multiple forums for something that will work, but nothing has solved the problem so far.
Here is a link to the prototype homepage: http://www.abrasivesales.com/indexnew.html
Everything looks great on my mac when opened in Firefox or Safari, however when opened on Internet Explorer on a PC, the menu ceases to be verticle, instead extending horizontally past the end of the screen. Also, the menu items adopt a white background color, and none of the submenu items will appear when their parent menu item is rolled over.
PLEASE HELP....this issue has kept me from launching the site for a week now, and my superiors are wondering why this problem is taking me longer than it did to build the homepage in the first place, so I'd love to look like less of an idiot.
I assuming this is a CSS issue, so I've posted my CSS code below:
@charset "UTF-8";
/* SpryMenuBarVertical.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, a fixed width box with no margin or padding */
ul.MenuBarVertical
    margin: 0;
    padding: ;
    list-style-type: none;
    font-size: 12px;
    cursor: default;
    font-weight: bold;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    left: 0px;
    top: 0px;
/* 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 same fixed width as parent */
ul.MenuBarVertical li
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 150px;
    margin: 0;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
    margin: 0 0 0 100%;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: absolute;
    z-index: 1020;
    cursor: default;
    left: -1000em;
    top: 0;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
    left: 0;
    width: 165px;
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
    width: auto;
#masterContainer #container #sidebar #sideNav2 li ul li {
    top: -400px;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
    border: 0
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
    border: 0
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
    display: block;
    cursor: pointer;
    padding: 2px 3px;
    color: #333;
    text-decoration: none;
    font-family: "Comic Sans MS", cursive;
    font-size: 13.5px;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
    background-color: #33C;
    color: #FFF;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
    background-color: #1A6AF4;
    color: #FFF;
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.MenuBarVertical 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.MenuBarVertical 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.MenuBarVertical 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.MenuBarVertical li.MenuBarItemIE
        display: inline;
        f\loat: left;
        background: #FFF;
#masterContainer #container #sidebar #sideNav2 {
#masterContainer #container #sidebar li ul li {
    background-color: #F4EC9A;
/* 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.MenuBarVertical li.MenuBarItemIE
display: inline;
float: left;

I solved one of my own problems. It turns out I still had a setting for width set to "auto" instead of a pixel amount. So now my menu displays normally and my submenus are no longer invisible.
One one tab, "Products", I set the top at -430px, which internet explorer seems to ignore. I'm so close! I'll search for the answer but any help is greatly appreciated.

Internet explorer css row positioning

Similar Messages

Maybe you are looking for