Streaming live at 10am (PST)

Help Tabs Component is Moving Alignment of Nested Divs with Fixed Position

I am having a problem with tabs and the alignment of divs placed inside them.

I created an interactive list that displays a full-page background image on rollover of an item.

The background image is placed inside a div which is set to 100VW x 100VH and positioned Fixed to fill the full page.

I have then placed this list inside a tab. In Designer view everything looks okay – but upon switching to Preview the origin of the Fixed Background element switches its origin point to the top left corner of the tab.

Is this a quirk of Webflow tabs or am I doing something wrong with the construction of my page?

Any help or advice would be much appreciated.

Here is my site Read-Only:
https://preview.webflow.com/preview/knas?utm_medium=preview_link&utm_source=designer&utm_content=knas&preview=f83ef24e75f4acd8972c098ee38ae47d&workflow=preview

I think your Problem is Solved!