Annoying CSS, Firefox prob

OK, my site is at the url http://www.pointless-existence.com - notice how the sidebars are on IE (how I want it to be) and on Firefox (too far over to the right).

What have I done wrong here, basically I just want it to appear the same in both browsers, without me having to resort to using seperate stylesheets.

Any ideas about what to do?

 

Quickly my response would be to specify the width there. I will have a look in a sec.

 

I have the same problem with CSS on the menu's on holiday-rentals.uk.com

Any ideas for me too?

 

Well I have specified a width for the overall #menu id, is that what you meant, or are you talking about the individual ul ul li etc.

Anyway, I took a few screenshots, for those who don't have one of the two browsers to help out with. Wrong size to upload them here, but you can see them by clicking the links below.


Screenshot of prob in FireFox

How it looks in IE

 

I also think this problem is causing horizontal scroll in Firefox, although I may be wrong.

 

OK, the problem was sorted, by somebody else on another forum.

For reference it was sorted, by adding the following code to the css file. This may help you wwhhomes.

html>body #menu { width: 240px; }

Code (markup):

 

I'm having the same problem with my site - http://www.misohoni.com/bba/

My site only uses DIV's and CSS and I specified widths, what did I do wrong?

Also, if I download Firefox does it take over IE and place Spyware on my PC?

 

You'd probably need to use a similar solution.

e.g. html> #(id here for whatever is causing the problem) { width: (pixelsdefined in other areas) }

*obviously replacing what is in the brackets

and Firefox is a nice browser, and won't do anything to your PC, e.g. become the default browser unless you ask it to, and NO it won't install spyware.