Webmaster Forum / HTML, CSS, Scripts / CSS / December 2006

I'm in the process of redesigning my web page and started working more
with CSS. I have, what I think is, a nice web layout (I'm no expert so
I could be wrong). When I tested it with Konqueror and Firefox it
works well (a few minor problems) but when I test it with IE 6.0 it

I have Span tag. I want to change its behavior to a Div.
Is it possible to do this by simply applying the following CSS class to
the span tag:
.MySpan {display:block}

for example, I have to add Pseudo-Elements into all `p` tag?
how to add it?
p:first-letter { font-size: 200%; float: left }
didn't work.

dear css experts:
I have some TIFF images of text articles.  I would love to be able to
use the "Find" feature in my browser to a particular word in the text,
and to have hrefs in the document be clickable.  Acrobat Acrobat can do

Consider the following HTML:
<div class="links">
    <img src="linkimages/logo.gif">
    <h2>title</h2>

I have a site I am developing that uses CSS drop  down menus.  I cannot
figure out why they don't work in only one hosting service and then
don't work only in IE on that service.  They work fine in IE in my
local host and on my testing host.

I've got a problem which has doing my head in for couple of days now; i have
2 div's as follow:
#diva {float:left; width: 600px}
#divb {float: left; width: 220px}

Does someone knows a web tool that tests a web site in various browsers
and OS?
I would like to get the screen shots as a result.
And in which browsers should I test my web site?

I wonder if anyone would be so kind as to help me with this issue that's
driving me nuts!
The webpage below displays correctly on IE & Opera but NOT on Firefox 2.0.
On Firefox the submit button is rendered overlaying the comments field. On

Trying to display the cursor as a lens when hovering an image with a
link that displays a bigger version of the same image, I did this:
a.lens {
  cursor:url("/site/pix/corporate/lens.cur"), pointer;

Whats the replacement for align="center" on a div ?
Many thanks in advance,
Aaron

I am creating a centered web site with various div's inside the main
(pBase) div.
Somehow, I am getting a gap on the top of my browser window both in IE
and Firefox.

Dear Experts:  I am trying to write a css style that makes text [a]
invisible; [b] visible-when-selected (so that at least a visible block
appears over the selected text---like black foreground over black
background with 50% opacity to make it gray and shine through what is

Ok sorry for the off-topic question.
I see a lot of people posting their html code here.
Why so many people still use iso-8859-X instead of UTF8? Is there a
particular reason?

How would you get curved corners on tables. I would prefer not to use
graphics but will try anything.
Cheers Possum..
Pic Example