popup <div>

Hi All

Page available at http://home.online.no/~vib-lie/dev/index.html

The last line of the page reads "Note Read note" if you hover the mouse over
"Read note" I have a popup div display.

The popup displays in different places with Mozilla and IE, what am I doing
wrong and how can I correct the problem so it displays the same in both.

All CSS & JavaScript is in the header.

Thanks in advance

Dave.

Problem solved.

Thanks to Marks post on postion: relative; I was able to follow the links
and found the crucial information.


"David Griffiths" <dayvg69 (AT) yahoo (DOT) nospam.co.uk> wrote

Hi All

Page available at http://home.online.no/~vib-lie/dev/index.html

The last line of the page reads "Note Read note" if you hover the mouse
over "Read note" I have a popup div display.

The popup displays in different places with Mozilla and IE, what am I
doing wrong and how can I correct the problem so it displays the same in
both.

All CSS & JavaScript is in the header.

Thanks in advance

Dave.

David Griffiths wrote:

Hi All

Page available at http://home.online.no/~vib-lie/dev/index.html

The last line of the page reads "Note Read note" if you hover the mouse
over "Read note" I have a popup div display.

The popup displays in different places with Mozilla and IE, what am I
doing wrong and how can I correct the problem so it displays the same in
both.

All CSS & JavaScript is in the header.

You need apply 'position: relative' on the parent element to the
absolutely positioned child with be positioned relative to the parent
and not the page.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

Thanks Jonathan

"Jonathan N. Little" <lws4art (AT) centralva (DOT) net> wrote

David Griffiths wrote:
Hi All

Page available at http://home.online.no/~vib-lie/dev/index.html

The last line of the page reads "Note Read note" if you hover the mouse
over "Read note" I have a popup div display.

The popup displays in different places with Mozilla and IE, what am I
doing wrong and how can I correct the problem so it displays the same in
both.

All CSS & JavaScript is in the header.

You need apply 'position: relative' on the parent element to the
absolutely positioned child with be positioned relative to the parent and
not the page.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

In article <gv-dnbAQbLNY58DaRVnzvQA (AT) telenor (DOT) com>,
"David Griffiths" <dayvg69 (AT) yahoo (DOT) nospam.co.uk> wrote:

Thanks Jonathan

"Jonathan N. Little" <lws4art (AT) centralva (DOT) net> wrote in message
news:429de$475d5ba1$40cba7bb$28296 (AT) NAXS (DOT) COM...
David Griffiths wrote:

You need apply 'position: relative' on the parent element to the
absolutely positioned child with be positioned relative to the parent and
not the page.

In a post to a similar query I made:

http://netweaver.com.au/alt/positionRelative.html

--
dorayme